Pengenalan w3.CSS Animate

 Dengan animasi W3.CSS Anda dapat meluncur dan memudar dalam elemen HTML.

---

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:

Contoh

<div class="w3-animate-opacity">..</div>

Cobalah sendiri "

---

Zoom di Elements

Memperbesar elemen dengan kelas w3-bernyawa-zoom:

Contoh

<div class="w3-animate-zoom">..</div>

Cobalah sendiri "

---

Elemen berputar

Berputar setiap elemen 360 derajat dengan kelas w3-spin:

Contoh

<div class="w3-spin">..</div>

Cobalah sendiri "

---

memudar Tak Terbatas

Contoh

<div class="w3-animate-fading">..</div>

Cobalah sendiri "

Selebihnya kamu belajar sendiri di documentasi resminya http://www.w3schools.com/ 

---

Share: