0 FPS
Regla CSS : @keyframes
La web está en segundo plano, animación en pausa.
Cargando animación...
Esta regla se usa para especificar las fases de la animación.
Podemos añadir fases desde el 0% al 100% de la animación, para entendernos podriamos hacer que en el 0% el fondo sea rojo, y en el 100% sea azul, pero ademas podriamos incluir una fase intermedia al 50% para que el fondo sea verde.
Sintaxis
@keyframes NombreAnimación { Selector { EstilosCSS; }}
NombreAnimación | Define el nombre de la animación (obligatorio). |
Selector | Porcentaje de la animación que puede ser del 0% al 100% (obligatorio). Tambien podemos usar from (0%) y to (100%). |
EstilosCSS | Uno o más estilos CSS válidos (obligatorio). |
Código de ejemplo
Compatibilidad
Esta propiedad es soportada por todos los navegadores compatibles con CSS3.
Soportado a partir de la versión 1 con el prefijo -webkit- | |
Soportado a partir de la versión 16 | |
Soportado a partir de la versión 15 con el prefijo -webkit- | |
Soportado a partir de la versión 4 con el prefijo -webkit- | |
Soportado a partir de la versión 10 |
Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020