CSS3 : Keyframe qui fonctionne pas
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
CSS3 : Keyframe qui fonctionne pas
Bonjour à tous,
Je désire faire une animation de ma bannière en CSS3 sur mon forum. Rien de bien méchant juste changer l'opacité de cette dernier sur un délai de 10 seconde.
voici mon code CSS :
comme vous le constaté je la fait apparaitre et disparaitre de manière infinie pour le moment durant mes tests.
Mais le seul hic et que j'ai l'impression que le forum ne tiend pas compte des valeur Keyframe et le résultat est que rien ne se passe.
en analysent le CSS généré je constate qu'il fait disparaitre une partie de mon code voici ce qui est généré
comment puis je faire pour résoudre ce petit souci ?
PS : j'ai tester mon code sur une page HTML vierge avec juste l'image et le CSS directement copier dedans sa fonctionne parfaitement.
d'avance merci
Je désire faire une animation de ma bannière en CSS3 sur mon forum. Rien de bien méchant juste changer l'opacité de cette dernier sur un délai de 10 seconde.
voici mon code CSS :
- Code:
@keyframes texte_anim {
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes texte_anim {
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes texte_anim {
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes texte_anim {
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
#i_logo{
opacity:0.9;
animation: texte_anim 10s infinite linear;
-webkit-animation: texte_anim 10s infinite linear;
-moz-animation: texte_anim 10s infinite linear;
-o-animation: texte_anim 10s infinite linear;
border:1px solid #000000;
}
comme vous le constaté je la fait apparaitre et disparaitre de manière infinie pour le moment durant mes tests.
Mais le seul hic et que j'ai l'impression que le forum ne tiend pas compte des valeur Keyframe et le résultat est que rien ne se passe.
en analysent le CSS généré je constate qu'il fait disparaitre une partie de mon code voici ce qui est généré
- Code:
body
{
background-color:#e5e5e5;background-position:-550px 0;background-repeat:no-repeat;margin-top:215px;right:auto
}
50%{opacity:0}100%{opacity:1}
#i_logo{
-moz-animation:texte_anim 10s infinite linear;-o-animation:texte_anim 10s infinite linear;-webkit-animation:texte_anim 10s infinite linear;animation:texte_anim 10s infinite linear;border:1px solid #000;opacity:.9
}
comment puis je faire pour résoudre ce petit souci ?
PS : j'ai tester mon code sur une page HTML vierge avec juste l'image et le CSS directement copier dedans sa fonctionne parfaitement.
d'avance merci
Dernière édition par pandorabox le Mar 15 Mai 2012 - 17:45, édité 1 fois
Re: CSS3 : Keyframe qui fonctionne pas
bonjour,
le code que vous proposez fonctionne parfaitement ...
mais il est différent de celui du CSS du forum de votre porfil ...
le code que vous proposez fonctionne parfaitement ...
mais il est différent de celui du CSS du forum de votre porfil ...
Re: CSS3 : Keyframe qui fonctionne pas
s'est bien sa le problème. le code proposé n'ai pas convenablement repris dans le css généré par le forum. alors que dans la partie admin j'ai fait un copier coller du code correct
Re: CSS3 : Keyframe qui fonctionne pas
Bonjour, essaie sans optimiser ton css car ça fonctionne très bien.
Re: CSS3 : Keyframe qui fonctionne pas
merci le truc très con auquel on pense pas forcément. encore merci
Sujets similaires
» Problème d'Animation sous CSS3
» Animation ne marche pas sur une infobulle en css3
» CSS3 ne s'affiche pas
» Transition ? Infobulle ? CSS3 ?
» Boutons 'Editer' et 'Supprimer' CSS3?
» Animation ne marche pas sur une infobulle en css3
» CSS3 ne s'affiche pas
» Transition ? Infobulle ? CSS3 ?
» Boutons 'Editer' et 'Supprimer' CSS3?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum