Pas valide

Résolu
Bonjour à toutes et à tous

mon code passe pas au validateur css...je comprend pas pourquoi

voici le code

#animat:hover {
height:500px;
width:500px;
margin:auto;
border:1px solid none;
margin-bottom:30px;
margin-top:30px;
animation:bouge 4s infinite linear;
-webkit-animation:bouge 0.3s infinite linear;
-moz-animation:bouge 0.3s infinite linear;
-o-animation:bouge 0.3s infinite linear;
}

@keyframes bouge{
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
@-webkit-keyframes
bouge {from{
-webkit-transform:rotate(0deg);
}
to {
-webkit-transform:rotate(360deg);
}
}
@-moz-keyframes
bouge {from{
-moz-transform:rotate(0deg);
}
to {
-moz-transform:rotate(360deg);
}
}
@-o-keyframes
bouge {from{
-o-transform:rotate(0deg);
}
to {
-o-transform:rotate(360deg);
}


et le code erreurs est

377 Désolé mais la règle-arobase @-webkit-keyframes n'est pas implementée
385 Désolé mais la règle-arobase @-moz-keyframes n'est pas implementée
393 Désolé mais la règle-arobase @-o-keyframes n'est pas implementée


Merci d'avance et bonne soirée
--
linux est le noyaux et Windows les pépins

3 réponses

  1. Salut,
    euh ca permet de faire quoi ton "@-webkit-keyframes" ????
    Car l'erreur est assez explicite, il ne connait pas ta propriété
    1. tu devrais enlever les @ et cela devrait marcher comme le dit meloo ils ne sont pas pris en charge
      1. Bonjour et merci de vos réponse...mais c'est trop tard j'ai rendu le travail, avec les trois erreurs mais tout fonctionne.
        Sans le ·@ sa fonctionnais pas
        Bonne soirée