More Related Content
Similar to BogotaCSS - De @keyframes a fotogramas clave
Similar to BogotaCSS - De @keyframes a fotogramas clave (8)
BogotaCSS - De @keyframes a fotogramas clave
- 16. Para CSS,
Es la definición de un grupo de propiedades
a las que se le modifican valores
para recrear una animación
@Keyframes
- 20. @keyframe nombre {
0%{ propiedad: valor;}
25%{ propiedad: valor;}
50%{ propiedad: valor;}
75%{ propiedad: valor;}
100%{ propiedad: valor;}
}
- 21. div { animation:
animation-name: nombre;
animation-duration: duración;
animation-timing-function: velocidad;
animation-delay: espera;
animation-iteration-count: repetición;
animation-direction: sentido;
animation-play-state: stop/play;
}
- 22. @keyframe nombre {
0%{ propiedad: valor;}
100%{ propiedad: valor;}
}
Propiedades:
Transformaciones
Propiedades
Transiciones