Tuesday.css je The Hottest Animation Library Right Now
Do sada ste već trebali biti upoznati s tim Animate.css kao knjižnica primarne animacije među web dizajnerima.
Ali na novom bloku je novo dijete utorak, I je uzimanje web animacije silom.
Ova nova knjižnica se ne razlikuje po formatu ili implementaciji. No, utorak dolazi s pregršt nove CSS animacije da ti nigdje drugdje ne mogu naći.
Ti novi učinci su mnogo suptilnija u prirodi pa stvarno uklopiti u stranicu lijepo. Evo jednog mali popis učinaka možete birati između:
- Fade & expand
- Fade & shrink
- Odštampajte i odbijte
- Kutna ljuljačka
- Spustite se lijevo / desno
- Tikvice / protežu
- šarka
Ako prođete kroz ovaj popis na demo stranici primijetit ćete da svi efekti imaju jedno zajedničko: fizika.
Svi se osjećaju vrlo realističnim osnovama fizike, i čini se pridržavati se zakona gravitacije. Nijedna od ovih animacija nije prevelika ili nepoznata. oni su suptilan, ali primjetan i što je još važnije, oni su vjerojatan.
Mislim da je u utorak jedna od najboljih modernih CSS animacijskih knjižnica jer predstavlja realističan prikaz web animacije.
Ne bismo trebali dizajnirati lude efekte sučelja koji se ističu poput bolnog palca. Suptilnost uvijek je ime igre jer je to stvara osjećaj interaktivnosti s bilo kojeg korisničkog unosa bilo da se radi o kliku ili pomicanju.
Nevolja je oduvijek pisala ove animacije od nule i privlačila ih da izgledaju dobro. Ali sada u utorak vaše brige mogu odletjeti ravno kroz vrata.
Samo preuzmite kopiju iz programa GitHub i dodajte .css datoteku na svoju stranicu. Zapravo možete koristite verziju CDN-a izravno s GitHub-a ako ne želite ništa lokalno preuzeti.
Kada se to doda na web-stranicu, samo dodajte .animirati klasa zajedno s bilo kojom klasom vlasništva naveden u GitHub repo. Vaš kôd može izgledati ovako:
Utorak je.
Pogledajte punu dokumentaciju vidjeti popis svih nastavaka animacije u / out.
Ako radite s JavaScriptom također možete dodajte ove klase dinamički na događajima klik / hover. Na taj način možete dodati klasu animacije samo kada korisnik klikne gumb koji će izgledati kao animacija nakon klika.
Ima toliko toga što možete učiniti s utorkom, i to je stvarno novi Animate.css za pragmatične animacije korisničkog sučelja.
Zavirite u demo stranicu vidjeti ga živjeti u akciji, a vi možete naučiti više čitanjem kroz njihove “u nastanku” pošta koji govori o tome kako je Shakr tim stvorio u utorak.
