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:Zoom di Elements
Memperbesar elemen dengan kelas w3-bernyawa-zoom:Elemen berputar
Berputar setiap elemen 360 derajat dengan kelas w3-spin:memudar Tak Terbatas
Contoh
<div class="w3-animate-fading">..</div>
Cobalah sendiri "Selebihnya kamu belajar sendiri di documentasi resminya http://www.w3schools.com/
0 komentar:
Posting Komentar