Je ne comprend pas pourquoi mon animation ne marche pas

Résolu

msi79 Messages postés 509 Date d'inscription lundi 24 août 2009 Statut Membre Dernière intervention 2 mai 2023 - 28 août 2014 à 22:20
msi79 Messages postés 509 Date d'inscription lundi 24 août 2009 Statut Membre Dernière intervention 2 mai 2023 - 31 août 2014 à 21:12

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:

Animation javascript
Récupérer données json (javascript) - Conseils pratiques -Javascript
Javascript poo - Conseils pratiques -Javascript
Javascript animation - Conseils pratiques -Javascript
Base de données javascript - Conseils pratiques -Javascript
Javascript redirect ✓ - Forum PHP

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 344
28 août 2014 à 23:15

Bonjour.

Sous quel navigateur Internet as tu testé ton code ?

Réponse 2 / 2

msi79 Messages postés 509 Date d'inscription lundi 24 août 2009 Statut Membre Dernière intervention 2 mai 2023 1
28 août 2014 à 23:26

sur Mozilla Firefox

msi79 Messages postés 509 Date d'inscription lundi 24 août 2009 Statut Membre Dernière intervention 2 mai 2023 1
28 août 2014 à 23:28

ah oui ça marche sur Google Chrome. et si je veux que ça marche sur tous les navigateurs ??

jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 344
28 août 2014 à 23:33

Tout dépend de la version du navigateur. ..
Les versions "trop" anciennes ne seront pas compatibles...

msi79 Messages postés 509 Date d'inscription lundi 24 août 2009 Statut Membre Dernière intervention 2 mai 2023 1
28 août 2014 à 23:38

j'ai une nouvelle version

jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 344
29 août 2014 à 01:41

Une "nouvelle" version ? Laquelle ??

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

BecomingPeach31
29 août 2014 à 15:09

parce que tu na pas le file peuteutre

Discussions similaires

Swing - Animation d'images

Partie entiére d'un nombre

integrer une variable javascript dans un lien hypertext

est-ce que "goto" existe en javascript ?

Partie entière d'un nombre

Votre réponse

Discussions similaires