Con animazioni W3.CSS è possibile far scorrere e fade in elementi HTML.
L'animazione è divertente!
L'animazione è divertente!
L'animazione è divertente!
L'animazione è divertente!
L'animazione è divertente!
L'animazione è divertente!
L'animazione è divertente!
L'animazione è divertente!
Far scorrere Elementi
Far scorrere in un elemento dalla parte superiore, in basso, a sinistra oa destra dello schermo con le classi W3-animate- *:
| Classe | definisce | |
|---|---|---|
| w3-animato-top | Anima un elemento 300px dalla parte superiore dello schermo per 0px | Provalo |
| w3-animato-bottom | Anima un elemento 300px dalla parte inferiore dello schermo per 0px | Provalo |
| w3-animato-sinistra | Anima un elemento 300px dalla sinistra dello schermo per 0px | Provalo |
| w3-animato-destra | Anima un elemento 300px dalla destra dello schermo per 0px | Provalo |
Fade in Elements
Dissolvenza in un elemento con la classe w3-animato-opacità:
Zoom in Elements
Zoom in un elemento con la classe w3-animato-zoom:
Elementi Spin
Spin qualsiasi elemento di 360 gradi con la classe w3-spin:
dissolvenza Infinite
Fade Tutto
Esempio
<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"> Prova tu stesso "