Wicked CSS - Kuum uus animatsiooniraamatukogu Pure CSS3-s
Tänu CSS3-le saate veebis luua mõningaid hull animatsioone. Need võivad töötage kõigis brauserites ja lehtelementides navigeerimisobjektide, rippmenüüde, vahekaartide kontrollimiseks nimetate seda.
Tegelikult saate neid koode isegi dünaamiliselt luua, kasutades animatsioonivahendeid. Kuid need on küllaltki piiratud võrreldes täieõiguslikule animatsiooniraamatukogule.
Wicked CSS on uusim sellist raamatukogu. See meenutab mulle varakult Animate.css, mis oli üsna lihtne ja algeline, veel võiks kasutada üsna palju veebisaite.
Vaadake live-demo kodulehte koos kõigi toetatud animatsioonide nimekirjaga. Selle artikli kirjutamise ajaks ma loen 24 kogu animatsiooni stiili slaidide ja pöörete vahel ja pulseerivad / kopsakad.
Paljud neist animatsioonidest on ühekordsed funktsioonid, mida kasutatakse elemendi vaatamiseks (või vaade). See on mugav lehekülgede jaoks, millel on vaatamiseks mõeldud animatsioonid, mis on suunatud konkreetsetele leheküljeelementidele.
Aga sa võid ka kasutage seda lisalehtede kuvamiseks (või peitmiseks) nagu rippmenüüd, otsinguribad, peidetud registreerimisvormid või midagi muud. Siin on väike nimekiri animatsioonidest, mida saate valida:
- Raputama
- Suumimine / vähendamine
- Libistage üles / alla
- Fade sisse / välja
- Sisse- ja väljalülitamine
- Põrge ja pop
- Tsirkulaarne pöörlemine sisse / välja
Kõik need animatsioonistiilid on mõeldud ühekordseks kasutamiseks. Neid saab nimetada mitu korda lehekülje ja elemendi kohta, kuid need ei ole korduvad animatsioonid.
Selle asemel kasutate neid kasutaja klikkimise, hoveri või pühkimise efekti alusel. Neid saab kasutada ka CTA-nuppudega pulseerivate / pulseerivate efektide jaoks, kuid see nõuab JavaScript-ajastust.
Vaadake reaalajas eelvaate näidiste lehele ja veel mõned üksikasjad. Lisaks GitHub repole leiate peamise saidi täieliku dokumentatsiooni.
Wicked CSS on uuem raamatukogu, nii et sellel pole veel tohutut järgmist. Aga raamatukogu on stabiilne ja see on tõenäoliselt umbes aastaid.
