Cu animații W3.CSS puteți glisa și se estompeze în elemente HTML.
Animație este distractiv!
Animație este distractiv!
Animație este distractiv!
Animație este distractiv!
Animație este distractiv!
Animație este distractiv!
Animație este distractiv!
Animație este distractiv!
Slide în elementele
Slide într - un element din partea de sus, de jos, la stânga sau la dreapta a ecranului cu clasele *-W3 animate-:
| Clasă | defineste | |
|---|---|---|
| W3-top-animate | Animă un element de 300px din partea de sus a ecranului pentru a 0px | Incearca-l |
| w3-bottom insufletit | Animă un element de 300px din partea de jos a ecranului pentru a 0px | Incearca-l |
| W3-animate stânga | Animă un element de 300px din partea stângă a ecranului pentru a 0px | Incearca-l |
| W3-dreapta-animate | Animă un element de 300px din partea dreaptă a ecranului pentru a 0px | Incearca-l |
Fade în elementele
Fade într - un element cu clasa W3-insufletit-opacitate:
Zoom in Elemente
Zoom intr - un element cu clasa W3-insufletit-zoom:
Elemente spin
Spin orice element de 360 de grade cu clasa W3 spin:
fading Infinit
Fade Toate
Exemplu
<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"> Încearcă - l singur »