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>