Bonjour

J'ai crée ce code mais j'aimerais que l'animation ce déclenche au bout de 1 secondes. Malheureusement le carré rouge est affiché dès le début, comment faire pour éviter cela ?

Salut,

Tente comme ça : https://jsfiddle.net/kq94dcr5/3/

Ta méthode était (presque) la bonne, j'ai juste rajouté un scale(0) dès le début, et raccourci ton CSS en combinant plusieurs propriétés dans animation.

Pour linear : https://developer.mozilla.org/fr/docs/Web/CSS/animation-timing-function

Pour forwards : https://developer.mozilla.org/fr/docs/Web/CSS/animation-fill-mode