1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML
Sujet Précédent Sujet Suivant

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

Signaler
Messages postés
500
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
13 avril 2021
 -
Messages postés
500
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
13 avril 2021
 -
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>
A voir également:

2 réponses

Réponse 1 / 2
Messages postés
32948
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 juin 2021
 351
Bonjour.

Sous quel navigateur Internet as tu testé ton code ?
Réponse 2 / 2
Messages postés
500
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
13 avril 2021
 1
sur Mozilla Firefox
Afficher les 7 commentaires
Signaler
Messages postés
500
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
13 avril 2021
 1
j'ai une nouvelle version
Signaler
Messages postés
32948
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 juin 2021
 351
Une "nouvelle" version ? Laquelle ??

Au cas où.. jette un oeil à ce site :
http://www.css3create.com/animation
Signaler

parce que tu na pas le file peuteutre
Signaler
Messages postés
1787
Date d'inscription
vendredi 9 mai 2008
Statut
Non membre
Dernière intervention
9 juin 2021
 131
bonjour

retire les -webkit-
Signaler
Messages postés
500
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
13 avril 2021
 1
merci ça marche tres bien
Répondre Posez votre question