Rabu, 20 Januari 2016

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:

0 komentar:

Posting Komentar