Posez votre question Signaler

Je ne comprend pas pourquoi mon animation ne marche pas [Résolu]

Messages postés
455
Date d'inscription
lundi 24 août 2009
Dernière intervention
9 octobre 2018
 - 28 août 2014 à 22:20 - Dernière réponse :
Messages postés
455
Date d'inscription
lundi 24 août 2009
Dernière intervention
9 octobre 2018
- 31 août 2014 à 21:12
Javascript / DHTML Posez votre question Signaler
Bonjour,
je veux faire une animation j'ai suivi un tuto . ça ne fonctionne pas . si quelqu'un pouvait regarder mon code.

voici mon code : 
 <style type="text/css">
/*********Animation***********/
 .content span
 {
	 color:blue;
	 position:absolute;
	 opacity:0;
	 -webkit-animation:slideEffect linear 15s infinite;

 }
 .content span:nth-child(2)
 {
	-webkit-animation-delay:3s;
	color: green;
 }
  .content span:nth-child(3)
 {
	-webkit-animation-delay:6s;
	color: red;
 }
 @-webkit-keyframes slideEffect
 {
	0%{opacity:0;}
	2%{opacity:0; -webkit-transform:translateY(-30px)}
	5%{opacity:1; -webkit-transform:translateY(0px)}
	15%{opacity:1;  -webkit-transform:translateY(0px)}
	20%{opacity:0;  -webkit-transform:translateY(-30px)}
	80%{opacity:0;}
	100%{opacity:0;}
  }
 </style>

<div class='content' >
  <span>PROGRAMME PRESIDANIEL</span>
  <span>DES LOGEMENTS SOCIAUX</span>
  <span>ECONOMIQUES ET STANDING</span>
 </div>
Afficher la suite 

Votre réponse

Répondre au sujet

9 réponses

Signaler Commenter la réponse de jordane45
Messages postés
23284
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
19 novembre 2018
 - 28 août 2014 à 23:15
0
Merci
Bonjour.

Sous quel navigateur Internet as tu testé ton code ?
Commenter la réponse de jordane45
Signaler Commenter la réponse de msi79
Messages postés
455
Date d'inscription
lundi 24 août 2009
Dernière intervention
9 octobre 2018
 - 28 août 2014 à 23:26
0
Merci
sur Mozilla Firefox
Afficher les 7 commentaires
Signaler Commenter la réponse de msi79
Messages postés
455
Date d'inscription
lundi 24 août 2009
Dernière intervention
9 octobre 2018
 - 28 août 2014 à 23:38
j'ai une nouvelle version
Signaler Commenter la réponse de jordane45
Messages postés
23284
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
19 novembre 2018
 - 29 août 2014 à 01:41
Une "nouvelle" version ? Laquelle ??

Au cas où.. jette un oeil à ce site :
http://www.css3create.com/animation
Signaler Commenter la réponse de BecomingPeach31
BecomingPeach31 - 29 août 2014 à 15:09
parce que tu na pas le file peuteutre
Signaler Commenter la réponse de @karamel
Messages postés
1663
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
3 novembre 2018
 - 30 août 2014 à 20:37
bonjour

retire les -webkit-
Signaler Commenter la réponse de msi79
Messages postés
455
Date d'inscription
lundi 24 août 2009
Dernière intervention
9 octobre 2018
 - 31 août 2014 à 21:12
merci ça marche tres bien
Commenter la réponse de msi79

Votre réponse

Répondre au sujet
Posez votre question
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.