Animaciones CSS es un módulo propuesto para hojas de estilo en cascada que permite la animación de elementos de documentos HTML utilizando CSS.
Si bien la pseudoclase :hoverse ha utilizado para generar animaciones rudimentarias durante años, las extensiones de CSS en el ámbito de la animación fueron mínimas hasta fines de la década de 2000. Ya en 2007, WebKit había anunciado su intención de incluir animación CSS, transiciones y transformaciones como características de WebKit. También anunció la implementación de animación implícita y explícita a través de CSS en febrero de 2009. La animación CSS también se ha propuesto como una característica de CSS3, el borrador de especificación en curso administrado por el Consorcio World Wide Web (W3C).
CSS Animations es un módulo de Cascading Style Sheets. Permite a los usuarios pasar el cursor sobre los objetos y se reproducirá una animación. Actualmente, lo adoptan todos los principales motores de búsqueda. A pesar de la controversia de aquellos que prefieren la animación mediante Javascript, la etiqueta hover ahora se usa ampliamente en la comunidad de Cascading Style Sheets.
Además de hover , Scalable Vector Graphics admite la regla @keyframes , lo que permite animar un conjunto limitado de transformaciones. Firefox y Chrome usaban las extensiones @-moz-keyframes y @-webkit-keyframes , respectivamente, antes de que @keyframes se agregara a la especificación CSS 3. [2]
A partir de junio de 2011, Firefox 5 incluye soporte para animaciones CSS. [4] La animación CSS también está disponible como un módulo en las compilaciones nocturnas de WebKit, así como en Google Chrome , Safari 4 y 5 y Safari para iOS (iPhone, iPod Touch, iPad), versiones de Android 2.x y 3.x, Internet Explorer 10+ y el navegador Microsoft Edge , el navegador web BlackBerry OS 6, con el -webkit-prefijo. [5] [6] [7] También se utiliza en iTunes 9 para soportar archivos LP de iTunes .
Al principio del desarrollo de la animación CSS, había suscitado preocupación por parte de aquellos que prefieren la animación a través de JavaScript [8] o, en menor medida, Synchronized Multimedia Integration Language (SMIL); otros han afirmado que es una medida de Apple Inc. , el principal patrocinador del proyecto WebKit, para eludir la inclusión de Adobe Flash (y las animaciones Flash actuales ) en la línea iOS de dispositivos móviles de la empresa que utilizan Safari . [9] [10] [11] Además, aunque Cascading Style Sheets es un lenguaje de programación relativamente fácil de usar, muchos programadores aún tienen dificultades para hacer animaciones. Con este problema, varias personas y sitios web han desarrollado y creado animaciones de botones CSS de código abierto con código [12] para que los usuarios copien. Sin embargo, incluso con estas controversias previas, las animaciones CSS se pueden encontrar predominantemente y usar ampliamente en Internet.
{{citation}}: CS1 maint: bot: estado de URL original desconocido ( enlace )