CSS @image clé ne fonctionne pas
J'ai été en passant par des exemples et je suis allez manquer quelque chose ici. Je ne peux pas obtenir ce simple css animation à feu, en changeant la couleur du texte. Quand je lance l'exemple ci-dessous, le texte reste noir.
J'ai une animation nommée "changeColor", appliquée à la catégorie "texte" pour un élément h1. Il va s'estomper à partir d'une couleur à l'autre sur des intervalles de 5 secondes.
<!DOCTYPE html>
<html>
<head>
<style>
.text{
display:block;
-webkit-animation: changeColor 5s infinite; /* Safari 4+ */
-moz-animation: changeColor 5s infinite; /* Fx 5+ */
-o-animation: changeColor 5s infinite; /* Opera 12+ */
animation: changeColor 5s infinite; /* IE 10+ */
}
@keyframes changeColor {
0% {
color: 'red';
}
100% {
color: 'blue';
}
}
@-moz-keyframes changeColor {
0% {
color: 'red';
}
100% {
color: 'blue';
}
}
@-webkit-keyframes changeColor {
0% {
color: 'red';
}
100% {
color: 'blue';
}
}
</style>
</head>
<body>
<h1 class="text">Not Working</h1>
</body>
</html>
- Ce qui s'est passé? Avez-vous essayez l'une des solutions?
Vous devez vous connecter pour publier un commentaire.
cher vous postulez css pas js juste supprimer " dans votre css, il fonctionnera comme un charme
lien est d'ajouter http://jsfiddle.net/6Hq8v/
Cochez cette Démonstration
Vous n'avez pas besoin d'un nouveau
changeColor
règle.C'est suffisant:
Plus d'Animation info ici: