Discussion :

[Osef_]

Bonjour / Bonsoir

J'ai un soucis avec une animation en keyframes qui ne fonctionne pas malgré le préfixe -wekit- que j'ai appliqué sur animation et transform :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
.un .process-nombre{
-webkit-animation:anim-roue-pos 2s linear 0s infinite;
-moz-animation:anim-roue-pos 2s linear 0s infinite;
-ms-animation:anim-roue-pos 2s linear 0s infinite;
-o-animation:anim-roue-pos 2s linear 0s infinite;
animation:anim-roue-pos 2s linear 0s infinite;
}
@keyframes anim-roue-pos{
from {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg);} to {transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);}
}

Voyez par vous même ici.

Quelqu'un saurait il d'où vient le problème ? Merci d'avance à ceux qui vondront m'aider !

[rodolphebrd]

Bonjour (soir),

si vous ne préfixez pas la règle @keyframe ça ne marchera pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
@-webkit-keyframes anim-roue-pos {
 
    -webkit-transform: rotate(0deg);
}

[Osef_]

Merci rodolphebrd ! C'était tout simplement ça ! Je ne savais pas qu'il fallait le préfixer aussi !