Pagrindinis » Įrankių rinkinys » Wicked CSS - karšta nauja animacijos biblioteka „Pure CSS3“

    Wicked CSS - karšta nauja animacijos biblioteka „Pure CSS3“

    CSS3 dėka internete galite kurti kai kurias beprotiškas animacijas. Tai gali dirbti visose naršyklėse ir puslapių elementuose valdyti navigacijos elementus, išskleidžiamuosius sąrašus, skirtukus, pavadinimą.

    Tiesą sakant, jūs galite sukurti šiuos kodus dinamiškai, naudodami animacijos įrankius. Tačiau tai yra gana ribota, palyginti su visateise animacine biblioteka.

    Wicked CSS yra naujausia tokio pobūdžio biblioteka. Tai man primena pradžioje Animate.css, kuris buvo gana paprastas ir pradinis, dar gali būti naudojamas beveik visose svetainėse.

    Pažvelkite į pagrindinį puslapį, kuriame pateikiamas tiesioginis demo ir visų palaikomų animacijų sąrašas. Rašydamas šį straipsnį aš skaičiuoju 24 viso animacijos stiliaus nuo skaidrių iki sukimosi ir pulsuojančių / šokančių efektų.

    Daugelis šių animacijų yra vienkartinės funkcijos, naudojamos elementui įjungti (arba peržiūrėti). Tai naudinga puslapiuose, kuriuose yra peržiūrimos animacijos, nukreiptos į konkrečius puslapio elementus.

    Bet jūs taip pat galite naudokite tai rodyti (arba slėpti) papildomus puslapių elementus kaip išskleidžiamieji meniu, paieškos juostos, paslėptos registracijos formos ar kas nors kitas. Štai mažas animacijų sąrašas, kurį galite pasirinkti iš:

    • Kratoma
    • Padidinti / mažinti
    • Pastumkite aukštyn / žemyn
    • Išnykimas / išjungimas
    • Įjungimas / išėjimas
    • Bounce ir pop
    • Apvalus sukimasis / išjungimas

    Visi šie animacijos stiliai skirti vienam naudojimui. Jie gali būti vadinami kelis kartus per puslapį ir elementą, bet tai nėra kartojamos animacijos.

    Vietoj to naudosite juos naudodami naudotojo paspaudimą, slinkimą ar braukimo efektą. Jie taip pat gali būti naudojami CTA mygtukuose pulsuojantiems / triukšmingiems efektams, tačiau tai reikalauja „JavaScript“ laiko nustatymo funkcijos.

    Pažvelkite į pavyzdžių puslapį, kuriame pateikiama tiesioginė peržiūra, ir daugiau informacijos. Jūs taip pat rasite visą dokumentaciją pagrindinėje svetainėje kartu su „GitHub“ repo.

    Wicked CSS yra naujesnė biblioteka, todėl ji dar neturi didžiulės sekos. Tačiau biblioteka yra stabili ir greičiausiai būna jau daugelį metų.