@KeyFrames

NODsk
Les bases HTML/CSS

Bonjour, suite aux Css3 et aux animation qui ont une syntaxe défférentes pour chaque browser. J'essaye de gagner de la place, pour cela j'écris : 

@keyframes left-spin, @-webkit-keyframes left-spin, @-moz-keyframes left-spin {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

Cependant il n'est executé pas éxécuté. Je ne voudrais pas non plus le reecrire pour chaque browser, sachant que j'ai encore beaucoup d'autre @keyframes qui agissent de cette facon.

1 réponse

green68
Réponse acceptée

Bonjour,
Il serai pratique de faire :

@keyframes left-spin, @-webkit-keyframes left-spin, @-moz-keyframes left-spin {
    from {
        transform, -ms-transform, -webkit-transform: rotate(0deg);
    }
    to {
        transform, -ms-transform, -webkit-transform: rotate(360deg);
    }
}

Mais désolé, pas prévu ;(