Generador de animación CSS para gente perezosa.
Animaciones CSS
CSS permite la animación de elementos HTML sin usar JavaScript o Flash
En este capítulo aprenderá sobre las siguientes propiedades:
- @keyframes
- nombre-animación
- duración de la animación
- retardo de animación
- recuento de iteraciones de animación
- dirección de animación
- función de temporización de animación
- modo de relleno de animación
- animación
Prefijos específicos del navegador
Algunos navegadores más antiguos necesitan prefijos específicos (-webkit-) para comprender las propiedades de la animación.
¿Qué son las animaciones CSS?
Una animación permite que un elemento cambie gradualmente de un estilo a otro.
Puede cambiar tantas propiedades CSS como desee, tantas veces como desee.
Para utilizar la animación CSS, primero debe especificar algunos fotogramas clave para la animación.
Los fotogramas clave contienen los estilos que tendrá el elemento en determinados momentos.
La regla @keyframes
Cuando especifica estilos CSS dentro de la regla @keyframes, la animación cambiará gradualmente del estilo actual al nuevo estilo en determinados momentos.
