Afficher une div après x secondes

Suite de ce sujet

Y a surement une étape que j'ai loupé.

Mon code:

selecteur {
	[...]
	animation-delay: 5s;
	animation-name: box;
}

@keyframes box {
      100% { transform: scale(1); }
 }

Ma div s'affiche en même temps que la page, donc y a un souci
Modifié par vinula (03 May 2016 - 18:10)

Surement que ta div est visible au début car elle n'a pas de display none ou visibility hidden.

Si je lui mets un display none elle apparaît simplement pas.

Bonjour,

Euh oui, en fait il faut faire un transform:scale(0) en fait dans le CSS et pas un display:none.
Et ajoute un animation-fill-mode: forwards pour que l'état de fin d'animation reste (et également une durée si tu veux le voir apparaitre en animation)

Merci SolidSnake !
Ca marche super bien

Le résultat ici (patienter 10s)

SolidSnake a écrit :
Et ajoute un animation-fill-mode: forwards pour que l'état de fin d'animation reste (et également une durée si tu veux le voir apparaitre en animation)

Information précieuse ! Je ne sais pas pourquoi (enfin si : je n'ai pas dû lire correctement les spec's) mais j'étais passé à côté de là jusque maintenant. Et pourtant je l'avais cherché cette info...