Dengan animasi W3.CSS Anda dapat meluncur dan memudar dalam elemen HTML.
Animasi adalah Fun!
Animasi adalah Fun!
Animasi adalah Fun!
Animasi adalah Fun!
Animasi adalah Fun!
Animasi adalah Fun!
Animasi adalah Fun!
Animasi adalah Fun!
Slide di Elements
Slide dalam elemen dari atas, bawah, kiri atau kanan layar dengan w3-animate- kelas *:
| Kelas | mendefinisikan | |
|---|---|---|
| w3-bernyawa-top | Menjiwai elemen 300px dari atas layar ke 0px | Cobalah |
| w3-bernyawa-bottom | Menjiwai elemen 300px dari bagian bawah layar untuk 0px | Cobalah |
| w3-bernyawa-kiri | Menjiwai elemen 300px dari kiri layar untuk 0px | Cobalah |
| w3-bernyawa-benar | Menjiwai elemen 300px dari kanan layar untuk 0px | Cobalah |
Fade di Elements
Memudar dalam elemen dengan kelas w3-bernyawa-opacity:
Zoom di Elements
Memperbesar elemen dengan kelas w3-bernyawa-zoom:
Elemen berputar
Berputar setiap elemen 360 derajat dengan kelas w3-spin:
memudar Tak Terbatas
Fade Semua
Contoh
<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"> Cobalah sendiri "