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 al ámbito de la animación fueron mínimas hasta finales de la década de 2000. Ya en 2007, WebKit había anunciado su intención de incluir animación, transiciones y transformaciones CSS como características de WebKit. También anunció la implementación de animación tanto implícita como explícita a través de CSS en febrero de 2009. La animación CSS también se ha presentado como una característica de CSS3, el borrador de especificación en curso administrado por el World Wide Web Consortium (W3C).
Animaciones CSS es un módulo de hojas de estilo en cascada. Permite a los usuarios pasar el cursor sobre los objetos y se reproducirá una animación. Actualmente, es adoptado por todos los principales motores de búsqueda. A pesar de la controversia de quienes prefieren la animación a través de Javascript, la etiqueta flotante ahora se usa ampliamente en la comunidad de hojas de estilo en cascada.
Además de hover , Scalable Vector Graphics admite la regla @keyframes at, lo que permite animar un conjunto limitado de transformaciones. Firefox y Chrome usaban las extensiones @-moz-keyframes y @-webkit-keyframes , respectivamente, antes de que se agregara @keyframes 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 módulo en las versiones 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 admitir archivos LP de iTunes .
Al principio del desarrollo de la animación CSS había despertado la preocupación de quienes preferían la animación a través de JavaScript [8] o, en menor medida, el lenguaje de integración multimedia sincronizado (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 compañía que utilizan Safari . [9] [10] [11] Además, aunque las hojas de estilo en cascada son un lenguaje de programación relativamente fácil de usar, muchos programadores todavía tienen dificultades para crear 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 las copien. Sin embargo, incluso con estas controversias previas, las animaciones CSS se pueden encontrar predominantemente y utilizar ampliamente en Internet.
{{citation}}: Mantenimiento CS1: bot: estado de la URL original desconocido ( enlace )