Animations CSS

CSS animations est un module proposé pour les feuilles de style en cascade qui permet l' animation d' éléments de documents HTML à l'aide de CSS.

Bien que la pseudo-classe :hoverait été utilisée pour générer des animations rudimentaires pendant des années, les extensions de CSS dans le domaine de l'animation étaient minimes jusqu'à la fin des années 2000. Dès 2007, WebKit avait annoncé son intention d'inclure l'animation, les transitions et les transformations CSS comme fonctionnalités de WebKit. Il a également annoncé l'implémentation d'animations implicites et explicites via CSS en février 2009. L'animation CSS a également été présentée comme une fonctionnalité de CSS3, le projet de spécification en cours géré par le World Wide Web Consortium (W3C).

CSS Animations est un module de Cascading Style Sheets. Il permet aux utilisateurs de survoler des objets et une animation sera jouée. Actuellement, il est adopté par tous les principaux moteurs de recherche. Malgré la controverse de ceux qui préfèrent l'animation via Javascript, la balise hover est désormais largement utilisée dans la communauté Cascading Style Sheets.

En plus du survol , Scalable Vector Graphics prend en charge la règle @keyframes , ce qui permet d'animer un ensemble limité de transformations. Firefox et Chrome utilisaient respectivement les extensions @-moz-keyframes et @-webkit-keyframes avant que @keyframes ne soit ajouté à la spécification CSS 3.

Depuis juin 2011, Firefox 5 inclut la prise en charge des animations CSS. L'animation CSS est également disponible en tant que module dans les versions nocturnes de WebKit ainsi que dans Google Chrome , Safari 4 et 5 et Safari pour iOS (iPhone, iPod Touch, iPad), les versions Android 2.x et 3.x, Internet Explorer 10+ et le navigateur Microsoft Edge , le navigateur Web BlackBerry OS 6, avec le -webkit-préfixe. Il est également utilisé dans iTunes 9 pour prendre en charge les fichiers iTunes LP .

Au début du développement de l'animation CSS, elle a suscité l'inquiétude de ceux qui préféraient l'animation via JavaScript ou, dans une moindre mesure, Synchronized Multimedia Integration Language (SMIL) ; d'autres ont affirmé qu'il s'agissait d'une initiative d' Apple Inc. , le principal sponsor du projet WebKit, pour éviter l'inclusion d' Adobe Flash (et des animations Flash existantes ) sur la gamme d'appareils mobiles iOS de la société qui utilisent Safari . De plus, bien que Cascading Style Sheets soit un langage de programmation relativement facile à utiliser, de nombreux programmeurs ont encore du mal à créer des animations. Face à ce problème, plusieurs personnes et sites Web ont développé et créé des animations de boutons CSS open source avec du code que les utilisateurs peuvent copier. Cependant, même avec ces controverses précédentes, les animations CSS peuvent être principalement trouvées et largement utilisées sur Internet.