CSSAnimaciones


Sintaxis

  • transition: <property> <duration> <timing-function> <delay>;
  • @keyframes <identifier>
  • [ [ from | to | <percentage> ] [, from | to | <percentage> ]* block ]*

Parámetros

Transición
Parámetro Detalles
propiedad Ya sea la propiedad CSS para la transición, o all , que especifica todas las propiedades de transición.
duración Tiempo de transición, ya sea en segundos o milisegundos.
función de tiempo Especifica una función para definir cómo se calculan los valores intermedios de las propiedades. Los valores comunes son la ease , los linear y step-end . Echa un vistazo a la función de aceleración cheat-sheet para más.
retrasar Cantidad de tiempo, en segundos o milisegundos, para esperar antes de reproducir la animación.
@keyframes
[desde | a | <percentage> ] Puede especificar un tiempo establecido con un valor de porcentaje, o dos valores de porcentaje, es decir, 10%, 20% , durante un período de tiempo en el que se establecen los atributos establecidos del fotograma clave.
block Cualquier cantidad de atributos CSS para el fotograma clave.

Animaciones Ejemplos relacionados