Avec des animations W3.CSS vous pouvez faire glisser et se fanent dans les éléments HTML.
L'animation est Fun!
L'animation est Fun!
L'animation est Fun!
L'animation est Fun!
L'animation est Fun!
L'animation est Fun!
L'animation est Fun!
L'animation est Fun!
Faites glisser les éléments
Faites glisser un élément à partir du haut, en bas, à gauche ou à droite de l'écran avec les * classes de w3 animate-:
Classe | définit | |
---|---|---|
w3-animate-top | Anime un élément 300px du haut de l'écran pour 0px | Essayez - le |
w3-animé fond | Anime un élément 300px à partir du bas de l'écran pour 0px | Essayez - le |
w3-animé gauche | Anime un élément 300px de la gauche de l'écran pour 0px | Essayez - le |
w3-animé droit | Anime un élément 300px de la droite de l'écran pour 0px | Essayez - le |
Fade in Elements
Fondu dans un élément avec la classe w3-animé-opacité:
Zoom in Elements
Zoom dans un élément avec la classe w3-animé-zoom:
Elements Spin
Spin tout élément 360 degrés avec la classe w3-spin:
fondu Infini
Fade Tous
Exemple
<img class="w3-animate-top" src="img_01.jpg">
<img class="w3-animate-zoom" src="img_02.jpg">
<img
class="w3-animate-left" src="img_03.jpg">
<img class="w3-animate-bottom" src="img_04.jpg">
Try It Yourself »