Wicked CSS - karstā jaunā animācijas bibliotēka tīrā CSS3
Pateicoties CSS3, tīmeklī varat veidot dažas crazy animācijas. Tie var strādāt visās pārlūkprogrammās un lapu elementos lai kontrolētu navigācijas vienumus, nolaižamos sarakstus, cilnes, jūs to nosauksiet.
Faktiski jūs pat varat ģenerēt šos kodus dinamiski, izmantojot animācijas rīkus. Bet tie ir diezgan ierobežoti, salīdzinot ar pilnvērtīgu animācijas bibliotēku.
Wicked CSS ir jaunākā šāda veida bibliotēka. Tas man atgādina agrīno Animate.css, kas bija diezgan vienkāršs un rudimentārs, vēl varētu izmantot diezgan daudz jebkurā tīmekļa vietnē.
Skatieties mājas lapā, lai skatītu dzīvu demonstrāciju kopā ar visu atbalstīto animāciju sarakstu. Rakstot šo rakstu, es rēķinu 24 animācijas stili no slaidiem līdz rotācijām un pulsējošu / veselīgu iedarbību.
Daudzas no šīm animācijām ir vienreizējas funkcijas, ko izmanto, lai parādītu elementu skatā (vai ārpus tās). Tas ir ērts lapām ar ritināšanas uz skatījumu animācijām, kas vērstas uz konkrētiem lapas elementiem.
Bet jūs varat arī izmantojiet šo, lai parādītu (vai slēptu) papildu lapas piemēram, nolaižamās izvēlnes, meklēšanas joslas, slēptās pierakstīšanās formas vai kaut kas cits. Šeit ir neliels animāciju saraksts, ko varat izvēlēties no:
- Krata
- Tuvināt / attālināt
- Pabīdiet uz augšu / uz leju
- Fade in / out
- Ieslēgšana / izslēgšana
- Atlekšana un pop
- Apļveida rotācija / izslēgšana
Visi šie animācijas stili ir paredzēti vienai lietošanai. Tos var saukt vairākas reizes par lapu un par elementu, bet tās nav atkārtotas animācijas.
Tā vietā jūs izmantosiet šos datus, pamatojoties uz lietotāja klikšķi, svārstību vai novirzīšanas efektu. Tos var izmantot arī uz CTA pogām, lai veiktu pulsējošu / pulsējošu efektu, taču tam ir nepieciešama JavaScript laika funkcija.
Apskatiet piemēru lapu, lai skatītu tiešu priekšskatījumu un sīkāku informāciju. Jūs atradīsiet arī pilnu dokumentāciju par galveno vietni kopā ar GitHub repo.
Wicked CSS ir jaunāka bibliotēka, tāpēc tai vēl nav milzīga. Bet bibliotēka ir stabila, un tas, visticamāk, būs ap gadiem.
