Početna » alat » Wicked CSS - vruća nova knjižnica animacije u čistom CSS3

    Wicked CSS - vruća nova knjižnica animacije u čistom CSS3

    Zahvaljujući CSS3 možete izgraditi neke lude animacije na webu. To mogu rad u svim preglednicima i elementima stranice za upravljanje navigacijskim stavkama, padajućim izbornicima, karticama, nazovite ih.

    Zapravo, te kodove možete generirati i dinamički pomoću alata za animaciju. Ali oni su prilično ograničeni u usporedbi s potpuno razvijenom bibliotekom animacija.

    Zli CSS je najnovija knjižnica te vrste. Ovo me podsjeća na rane Animate.css koja je bila prilično jednostavna i rudimentarna, još uvijek se može koristiti u gotovo bilo koje web stranice.

    Zavirite u početnu stranicu za demo uživo uz popis svih podržanih animacija. Od pisanja ovog članka računam 24 ukupnih stilova animacije od slajdova do rotacija i pulsirajući / odskočni efekti.

    Mnoge od tih animacija su jednokratne značajke koje se koriste za prikaz elementa (ili izvan pogleda). Ovo je zgodno za stranice s animacijama za pomicanje do prikaza koje ciljaju određene elemente stranice.

    Ali možete i vi upotrijebite ovo za prikaz (ili skrivanje) dodatnih stavki stranice poput padajućih izbornika, traka za pretraživanje, skrivenih obrazaca za prijavu ili bilo čega drugog. Evo malog popisa animacija koje možete odabrati iz:

    • Tresti
    • Povećavanje / smanjivanje
    • Gurnite gore / dolje
    • Fade in / out
    • Ulaz / izlaz
    • Bounce i pop
    • Kružna rotacija ulaz / izlaz

    Svi ovi stilovi animacije dizajnirani su za jednu upotrebu. Mogu se pozvati više puta po stranici i po elementu, ali one ne ponavljaju animacije.

    Umjesto toga, upotrebljavat ćete ih na temelju korisničkog klika, prijelaza ili učinka prijelaza. Također se mogu koristiti na CTA gumbima za pulsiranje / pulsiranje efekata, ali to zahtijeva JavaScript funkciju vremenskog mjerenja.

    Pogledajte stranicu s primjerima za pregled uživo i još neke pojedinosti. Također ćete naći punu dokumentaciju na glavnoj stranici zajedno s GitHub repo.

    Wicked CSS je novija knjižnica tako da još uvijek nema ogromnog broja. Ali knjižnica je stabilna i vjerojatno će biti u blizini za godine koje dolaze.