Z animacji W3.CSS można przesuwać i zanikać w elementach HTML.
Animacja jest zabawa!
Animacja jest zabawa!
Animacja jest zabawa!
Animacja jest zabawa!
Animacja jest zabawa!
Animacja jest zabawa!
Animacja jest zabawa!
Animacja jest zabawa!
Przesuń w elementach
Przesuń w elemencie od góry, dołu, lewej lub prawej strony ekranu z W3-animate- * klasach:
| Klasa | definiuje | |
|---|---|---|
| w3-animate-top | Animuje element 300 x od górnej krawędzi ekranu do 0 pikseli | Spróbuj |
| w3-animate-bottom | Animuje element 300 x od dołu ekranu do 0 pikseli | Spróbuj |
| w3-ożywione lewej | Animuje element 300 x od lewej strony ekranu do 0px | Spróbuj |
| w3-animate-tuż | Animuje element 300 x z prawej strony ekranu, aby 0px | Spróbuj |
Przenikanie Elements
Fade w elemencie z klasą w3-animate-krycia:
Powiększanie Elements
Powiększanie element z klasą w3-animate-zoom:
Elementy spin
Zakręć dowolnego elementu o 360 stopni z klasą w3-spinowego:
zanikanie Nieskończony
Fade Wszystko
Przykład
<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"> Spróbuj sam "