Longtemps avant que les animations CSS ou les bibliothèques JavaScript ne soient disponibles, la spécification SMIL a été introduite par le W3C en 1998 pour synchroniser les éléments multimédias. Bien que certains aient pu penser que SMIL était mort, cette technologie est bien vivante et continue d'être un excellent choix pour les concepteurs et les développeurs qui souhaitent ajouter des animations simples et sémantiques à leurs conceptions.
SMIL permet en effet de combiner des animations complexes, de déplacer des objets le long de chemins et de contrôler leur démarrage, leur arrêt et tout ce qui se passe entre les deux. Ces animations peuvent être intégrées dans n'importe quel élément SVG, y compris les formes primitives comme les cercles, les ellipses et les rectangles, mais aussi dans des groupes, des chemins et des polygones.
Grâce à SMIL, il est possible d'animer diverses propriétés des éléments SVG, comme leur position, leur rotation, leur mise à l'échelle ou leur opacité. Cela permet de créer des animations attirantes qui améliorent l'expérience utilisateur. Par exemple, dans un titre de dessin animé classique de Yogi l'ours, on peut faire bouger Yogi et son parachute de manière réaliste en combinant des animations de translation et de rotation.
SMIL offre également de nombreuses possibilités pour contrôler le démarrage et la durée des animations, que ce soit au chargement de la page, après un délai ou au clic de l'utilisateur. Ainsi, les concepteurs peuvent susciter l'attention et l'engagement des utilisateurs de manière fluide et sémantique, sans avoir recours à du JavaScript.
Bien que CSS animations offre de puissantes fonctionnalités, SMIL reste un outil incontournable pour les animations SVG, car il permet d'aller au-delà de ce que le CSS peut faire. Grâce à cette technologie, les créateurs disposent d'un arsenal complet pour donner vie à leurs designs de manière simple et efficace.