Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Las animaciones CSS son una alternativa más poderosa que las
transiciones. En vez de confiar en el secuencia de un estado inicial a
un estado final, las animaciones pueden tener cuantos estados se
necesiten en medio del estado inicial y el estado final, ofreciendo un
mayor control de cómo los estados son animados.
¿Cuándo utilizarlas?
Crear animaciones
Para crear animaciones debemos tener dos cosas claras. Por un
lado, la regla @keyframes, que incluye los fotogramas de la
animación, mientras que por otro lado tenemos las propiedades
CSS de las animaciones, que definen el comportamiento de la
misma.
2
Animaciones en CSS
Atajo: Animaciones
div {
animation: <name> <duration> <timing-function> <delay>
<iteration-count> <direction> <fill-mode> <play-state>
}
Fotogramas (keyframes)
4
Animaciones en CSS
5
Alfredo Herraiz Naranjo