Discussion :

[choupinou22]

bonjour,

je fais appel a vous car j'aimerai faire tourner une image des que ma page s'affiche, et surtout que la rotation soit automatique et ne s'arrête pas.
pour le moment j'arrive a lui donner une rotation avec hover mais je n'arrive pas a faire ce que je recherche

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 <style type="text/css">
.image {
 
    transition-duration: 10s;
    transition-property: transform;
}
.image:hover {
    transform: rotateY(360deg);
}
</style>

merci

[adiGuba]

Salut,


Il faut passer par les animations.
Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
@keyframes rotateAnim {
    from {transform: rotateY(0);}
    to {transform: rotateY(360deg);}
}
.image {
     animation: rotateAnim 10s linear infinite;
}

Attention il y a besoin de prefixer par -webkit- pour Chrome et Safari...


a++

[choupinou22]

merci beaucoup