Wicked CSS - vroča nova knjižnica animacije v čistem CSS3
Zahvaljujoč CSS3 lahko na spletu ustvarite nekaj norih animacij. To lahko delo v vseh brskalnikih in elementih strani za nadzor navigacijskih elementov, spustnih seznamov, zavihkov.
V bistvu lahko celo generirate te kode dinamično z uporabo animacijskih orodij. Toda te so precej omejene v primerjavi s popolnoma razvito knjižnico animacije.
Wicked CSS je najnovejša knjižnica te vrste. To me spominja na zgodnje Animate.css, ki je bila dokaj preprosta in osnovna, vendar bi se lahko uporabil v skoraj vsakem spletnem mestu.
Pokukajte na domačo stran za predstavitev v živo skupaj s seznamom vseh podprtih animacij. Od pisanja tega članka se štejem 24 skupnih stilov animacije od diapozitivov do rotacij in impulzni / odbojni učinki.
Mnoge od teh animacij so enkratne funkcije, ki se uporabljajo za prikaz elementa (ali iz pogleda). To je priročno za strani z animacijami za pomikanje do pogleda, ki ciljajo na določene elemente strani.
Lahko pa tudi to uporabite za prikaz (ali skrivanje) dodatnih elementov strani kot so spustni meniji, vrstice za iskanje, skriti obrazci za prijavo ali karkoli drugega. Tukaj je majhen seznam animacij, ki jih lahko izberete:
- Shake
- Povečajte / pomanjšajte
- Potisnite navzgor / navzdol
- Fade in / out
- Vklop / izstop
- Odklonijo in pop
- Krožno vrtenje v / ven
Vsi ti stilovi animacije so zasnovani za eno samo uporabo. Lahko jih pokličete večkrat na stran in na element, vendar to niso ponavljajoče se animacije.
Namesto tega jih boste uporabili glede na učinek uporabnika, klik ali hode. Uporabljajo se lahko tudi na gumbih CTA za utripajoče / utripajoče učinke, vendar to zahteva JavaScriptovo časovno funkcijo.
Oglejte si stran primerov za predogled v živo in še nekaj podrobnosti. Prav tako boste našli popolno dokumentacijo na glavni strani skupaj z GitHub repo.
Wicked CSS je novejša knjižnica, tako da še nima velikega števila. Toda knjižnica je stabilna in verjetno bo v prihodnjih letih.
