Pas valide

Résolu/Fermé
Utilisateur anonyme - 10 janv. 2013 à 18:48
 Utilisateur anonyme - 16 janv. 2013 à 23:14
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 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 84
14 janv. 2013 à 12:09
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 32 Date d'inscription samedi 12 janvier 2013 Statut Membre Dernière intervention 30 juillet 2014 6
14 janv. 2013 à 12:11
tu devrais enlever les @ et cela devrait marcher comme le dit meloo ils ne sont pas pris en charge
0
Utilisateur anonyme
16 janv. 2013 à 23:14
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