Wicked CSS - o bibliotecă de animație fierbinte nouă în CSS3 pură
Datorită CSS3 puteți construi câteva animații nebunești pe web. Acestea pot lucrați în toate browserele și elementele de pagină pentru a controla elementele de navigare, dropdown-urile, filele, le numiți.
De fapt, puteți chiar să generați aceste coduri dinamic utilizând instrumente de animație. Dar acestea sunt destul de limitate în comparație cu o bibliotecă de animație cu drepturi depline.
CSS rău este cea mai nouă bibliotecă de acest gen. Asta îmi amintește de primele Animate.css care a fost destul de simplu și rudimentar, totuși ar putea fi folosit în aproape orice site web.
Luați o privire la pagina de pornire pentru o demonstrație live, împreună cu o listă a tuturor animațiilor acceptate. De la scrierea acestui articol am conta 24 de stiluri de animație totale de la diapozitive la rotații și efecte pulsatoare / bouncing.
Multe dintre aceste animații sunt caracteristici unice folosite pentru a aduce un element în vedere (sau din vedere). Acest lucru este util pentru paginile cu animații de tip "scroll-to-view" care vizează anumite elemente de pagină.
Dar poți și tu utilizați această funcție pentru a afișa (sau a ascunde) elementele de pagină suplimentare cum ar fi meniurile drop-down, barele de căutare, formularele de înscriere ascunse sau orice altceva. Iată o mică listă de animații pe care le puteți alege:
- Scutura
- Măriți / micșorați
- Glisați în sus / în jos
- Fade in / out
- Deplasarea / iesirea
- Bounce și pop
- Circulară rotativă în / out
Toate aceste stiluri de animatie sunt concepute pentru o singura utilizare. Ele pot fi numite de mai multe ori pe pagină și pe element, dar acestea nu sunt animații repetate.
În schimb, veți utiliza aceste bazate pe efectul unui clic, al hover-ului sau al unui clic. Acestea pot fi, de asemenea, folosite pe butoanele CTA pentru efecte pulsatorii / pulsatorii, dar care necesita o functie de sincronizare JavaScript.
Uitați-vă la pagina de exemple pentru o previzualizare live și câteva detalii. Veți găsi, de asemenea, documentația completă pe site-ul principal împreună cu repo GitHub.
Wicked CSS este o bibliotecă mai nouă, deci nu are încă un imens. Dar biblioteca este stabilă și este probabil să fie în jur de ani de zile.
