Mājas lapa » Toolkit » Tuesday.css ir karstākie animācijas bibliotēka tieši tagad

    Tuesday.css ir karstākie animācijas bibliotēka tieši tagad

    Tagad jums jau ir jāzina Animate.cssprimārā animācijas bibliotēka starp web dizaineriem.

    Bet uz šī bloka ir jauns bērns Otrdiena, un tas ir tīmekļa animācijas lietošana ar spēku.

    Šī jaunā bibliotēka nav daudz atšķirīga formātā vai īstenošanā. Bet otrdiena nāk ar nedaudz jaunas CSS animācijas tas tu nevar atrast nekur citur.

    Šīs jaunās sekas ir daudz smalkāka dabā tāpēc viņi patiešām labi saplūst ar lapu. Lūk, a neliels efektu saraksts jūs varat izvēlēties no:

    • Izbalināt un paplašināt
    • Izbalināt un sarauties
    • Zīmogs un lielība
    • Leņķveida šūpošanās
    • Nometiet no kreisās / labās puses
    • Skvošs / stiept
    • Šarnīrs

    Ja jūs apmeklēsiet šo sarakstu demo lapā, jūs pamanīsiet, ka visas sekas ir viena kopīga: fizika.

    Viņi visi jūtas ļoti fizikas pamatiem, un tie šķiet ievēro smaguma likumus. Neviena no šīm animācijām nav pārspīlēta vai sveša. Viņi smalks vēl pamanāms un vēl svarīgāk - viņi ticams.

    Es domāju, ka otrdiena ir viena no labākajām mūsdienu CSS animācijas bibliotēkām, jo ​​tā piedāvā reāls skatījums uz tīmekļa animāciju.

    Mums nevajadzētu veidot traks interfeisa efektus, kas izceļas kā sāpīgs īkšķis. Smalkums vienmēr ir spēles nosaukums, jo tas ir rada interaktivitātes sajūtu no jebkura lietotāja ievades, vai tas ir klikšķis vai ritinājums.

    Problēma vienmēr ir bijusi rakstīt šīs animācijas no nulles un iegūt tos izskatīties labi. Bet tagad ar otrdienu jūsu rūpes var lidot pa labi no durvīm.

    Tikai lejupielādējiet kopiju no GitHub un pievienojiet .css failu savā lapā. Jūs faktiski varat izmantot CDN versiju tieši no GitHub ja nevēlaties lejupielādēt kaut ko lokāli.

    Tiklīdz tas ir pievienots jūsu tīmekļa lapai, vienkārši pievienojiet .animēt klase kopā ar kādu no īpašumtiesībām uzskaitīti GitHub repo. Jūsu kods var izskatīties šādi:

     

    Tas ir otrdien.

    Paskatieties pilnīga dokumentācija redzēt visu ieejas / izejas animācijas nodarbību saraksts.

    Ja jūs strādājat ar JavaScript, varat arī pievienojiet šīs klases dinamiski uz klikšķu / lidojumu notikumiem. Tādā veidā jūs varat pievienot animācijas klasi tikai tad, kad lietotājs noklikšķina uz pogas, kas, šķiet, aktivizēs klikšķi.

    Ir tik daudz, ko varat izdarīt ar otrdienu, un tas ir patiešām jaunais Animate.css pragmatiskiem UI animācijām.

    Palieciet uz demonstrācijas lapa lai redzētu to dzīvot darbībā, un jūs varat uzzināt vairāk, lasot to “veidošanā” post kas runā par to, kā Shakr komanda izveidoja otrdienu.