Pas valide

Résolu
Utilisateur anonyme -  
 Utilisateur anonyme -
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

3 réponses

Melooo Messages postés 1476 Statut Membre 84
 
Salut,
euh ca permet de faire quoi ton "@-webkit-keyframes" ????
Car l'erreur est assez explicite, il ne connait pas ta propriété
0
briglim Messages postés 35 Statut Membre 6
 
tu devrais enlever les @ et cela devrait marcher comme le dit meloo ils ne sont pas pris en charge
0
Utilisateur anonyme
 
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
0