Wicked CSS - Saf CSS3'te Yeni Bir Animasyon Kütüphanesi
CSS3 sayesinde web üzerinde çılgın animasyonlar oluşturabilirsiniz. Bunlar olabilir tüm tarayıcılarda ve sayfa öğelerinde çalışın gezinme öğelerini, açılır pencereleri, sekmeleri kontrol etmek için.
Aslında, animasyon kodlarını kullanarak dinamik olarak bu kodları oluşturabilirsiniz. Ancak bunlar tam teşekküllü bir animasyon kütüphanesine kıyasla oldukça sınırlı..
Wicked CSS, türünün en yeni kütüphanesidir. Bu bana erken hatırlatıyor Oldukça basit ve ilkel olan Animate.css, henüz herhangi bir web sitesinde kullanılabilecek.
Desteklenen tüm animasyonların bir listesiyle birlikte canlı bir demo için ana sayfaya bir göz atın. Bu yazıyı yazarken sayıyorum Slaytlardan rotasyonlara kadar toplam 24 animasyon stili ve darbeli / sıçrayan etkiler.
Bu animasyonların çoğu, bir öğeyi görüntülemeye (ya da görüntü dışına) getirmek için kullanılan tek seferlik özelliklerdir. Bu, belirli sayfa öğelerini hedefleyen taranacak kaydırma animasyonlu sayfalar için kullanışlıdır..
Ama ayrıca fazladan sayfa öğeleri göstermek (veya gizlemek) için bunu kullanın Açılır menüler, arama çubukları, gizli kayıt formları veya başka herhangi bir şey gibi. İşte seçebileceğiniz küçük bir animasyon listesi:
- Sallamak
- Yakınlaştır / uzaklaştır
- Yukarı / aşağı kaydır
- Giriş / çıkış fade
- İçeri / dışarı yuvarlanma
- Sıçrama ve pop
- Dairesel dönüş girişi / çıkışı
Bu animasyon stillerinin tümü tek bir kullanım için tasarlanmıştır. Sayfa başına ve öğe başına birden çok kez çağrılabilirler, ancak bunlar yinelenen animasyonlar değil.
Bunun yerine, bunları kullanıcının tıklama, gezinme veya kaydırma efektine göre kullanırsınız. Darbe / zonklama efektleri için CTA düğmelerinde de kullanılabilirler, ancak bu bir JavaScript zamanlama işlevi gerektirir.
Canlı bir önizleme ve biraz daha ayrıntı için örnekler sayfasına bir göz atın. Ayrıca, GitHub deposuyla birlikte ana sitede tüm belgeleri bulacaksınız..
Wicked CSS daha yeni bir kütüphanedir, bu nedenle henüz büyük bir takipçisi yoktur. Ancak kütüphane kararlıdır ve gelecek yıllar civarında olması muhtemeldir..
