W3.CSS animasyonlar ile kayabilen ve HTML öğeleri içinde kaybolur.
Animasyon is Fun!
Animasyon is Fun!
Animasyon is Fun!
Animasyon is Fun!
Animasyon is Fun!
Animasyon is Fun!
Animasyon is Fun!
Animasyon is Fun!
Elements kaydırak
Üst, alt, sol veya w3-animate- * sınıflarıyla ekranın sağ tarafından bir elemanda Slayt:
Sınıf | tanımlar | |
---|---|---|
w3-hareketlendirmek üstü | 0px için ekranın üst kısmından unsurunu 300px Animasyonludur | Dene |
w3-hareketlendirmek dipli | 0px için ekranın altındaki bir eleman 300px Animasyonludur | Dene |
w3-hareketlendirmek sol | 0px için ekranın soldan unsurunu 300px Animasyonludur | Dene |
w3-hareketlendirmek sağ | 0px için ekranın sağ tarafından unsurunu 300px Animasyonludur | Dene |
Elements içinde Fade
W3-hareketlendirmek opasite sınıfı ile bir eleman Fade:
Elements Zoom
W3-hareketlendirmek-zum sınıfına sahip bir öğenin yakınlaştırma:
Spin Elemanları
W3-sıkma sınıfı herhangi bir elemanı 360 derece Spin:
Sonsuz fading
Fade Hepsi
Örnek
<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">
Kendin dene "