La propriété animation-delay
permet de décaler le départ d’une animation, par rapport au déclenchement (qui peut être le chargement de la page, un survol, un focus clavier, un case cochée...).
L’unité est la même que pour animation-duration
, à savoir les secondes et millisecondes.
div{
-webkit-animation-delay: 500ms;
-moz-animation-delay: 500ms;
-ms-animation-delay: 500ms;
-o-animation-delay: 500ms;
animation-delay: 500ms;
}
Voir les Animations CSS