28172 sujets

CSS et mise en forme, CSS3

[Résolu] Mes animations ne fonctionnent pas sur Firefox !

Bonsoir à toutes et à tous,

Je rencontre un problème au sujet des animations CSS3 sous Firefox. En effet, elles ne fonctionnement pas malgré l'ajout du préfixe -moz-.

J'avoue ne pas comprendre pourquoi... Mon navigateur est pourtant à jour... Est-ce que j'ai mal fait quelque chose ?
L'animation fonctionne sur Google Chrome.

Merci d'avance !

Je joins mon HTML :
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<title>Animations avec le CSS3</title>
	<link rel="stylesheet" href="anim.css">
</head>
<body>
	<p>Du texte !</p>
</body>
</html>


Mon CSS :
p {
	font-family: sans-serif;
	font-size: 2em;
	font-weight: bold;
	color: black;
	animation: 'monAnimation' 2s infinite;
	-moz-animation: 'monAnimation' 2s infinite;
	-webkit-animation: 'monAnimation' 2s infinite;
}

/* Animations : */
@keyframes 'monAnimation' {
	from {background-color: green;}
	to {background-color: blue;}
}
@-moz-keyframes 'monAnimation' {
	from {background-color: green;}
	to {background-color: blue;}
}
@-webkit-keyframes 'monAnimation' {
	from {background-color: green;}
	to {background-color: blue;}
}

Modifié par SilverFox (03 Feb 2015 - 20:54)
Bonsoir,

Là comme ça, je dirai que le soucis c'est les quotes que tu as mis.

Retire les tous et dis nous.

Pour info, si tu as FF à jour, il n'utilise plus -moz-, mais la version sans prefix.
Oh ! L'animation fonctionne !! C'est bien les quotes qui posaient problème.

C'est génial !
Merci beaucoup !!
Sujet clos
Aller à