VİDEOLU ANLATIM İÇİN
[ame]https://www.youtube.com/watch?v=HW20oecz-4E[/ame]
Bu Linkten Hem Css Dosyasına Hemde Animasyonlarına Ulaşabilirsiniz.
https://daneden.github.io/animate.css/
<div class="genel">Genel Divim</div>
Yukarıdaki Yapıda Genel Divim Olsun Ben Bunun Style.css Özelliklerini
width:700px;margin:auto;background-color:#93C9FF;padding:10px;border:dashed 2px #0080FF;
yapim şimdi genel divim için animate.css özellikerlini kullanmaya başalayim..
<div class="genel animated jello"></div>
ben yukarıda genel divim için animated classından jello u Çagırdım..Bu kadar basit.
Ben Bu Div İçerisinde Bir Kaç Özellikte Kullanabildim.Bunun İçin
<div class="genel animated jello" style="animation-delay:3s">Genel</div>
Yukarıda Görüldüğü Gibi Animate css Clasıma Delay İle Açılışta Bekleme Süresi verdim
animation-interation-count:4 //Tekrarlanma Sayısı
animation-duration:4s //animasyon Süresi
animation-delay:4s // açılışta Bekleme Süresi
[ame]https://www.youtube.com/watch?v=HW20oecz-4E[/ame]
Bu Linkten Hem Css Dosyasına Hemde Animasyonlarına Ulaşabilirsiniz.
https://daneden.github.io/animate.css/
<div class="genel">Genel Divim</div>
Yukarıdaki Yapıda Genel Divim Olsun Ben Bunun Style.css Özelliklerini
width:700px;margin:auto;background-color:#93C9FF;padding:10px;border:dashed 2px #0080FF;
yapim şimdi genel divim için animate.css özellikerlini kullanmaya başalayim..
<div class="genel animated jello"></div>
ben yukarıda genel divim için animated classından jello u Çagırdım..Bu kadar basit.
Ben Bu Div İçerisinde Bir Kaç Özellikte Kullanabildim.Bunun İçin
<div class="genel animated jello" style="animation-delay:3s">Genel</div>
Yukarıda Görüldüğü Gibi Animate css Clasıma Delay İle Açılışta Bekleme Süresi verdim
animation-interation-count:4 //Tekrarlanma Sayısı
animation-duration:4s //animasyon Süresi
animation-delay:4s // açılışta Bekleme Süresi
Son düzenleme:
