Tuesday.css yra karščiausia animacijos biblioteka dabar
Dabar jūs jau turėtumėte būti susipažinę Animate.css kaip pagrindinė animacijos biblioteka tarp interneto dizainerių.
Bet ant minėto bloko yra naujas vaikas Antradienis, ir tai interneto animacijos panaudojimas jėga.
Ši nauja biblioteka nėra visiškai kitokia formatu ar įgyvendinimu. Bet antradienis ateina su sauja naujos CSS animacijos kad tu negali rasti niekur kitur.
Šie nauji efektai yra daug subtilesnis todėl jie tikrai gerai sujungti į puslapį. Štai a nedidelis efektų sąrašas galite pasirinkti iš:
- Išnykimas ir plėtimas
- Išnykimas ir sumažėjimas
- Antspaudas ir atšokimas
- Kampinis sūpynės
- Nuleiskite iš kairės / dešinės
- Skvošas / ruožas
- Vyris
Jei peržiūrėsite šį sąrašą demo puslapyje, pastebėsite, kad visi padariniai yra vienas bendras dalykas: fizika.
Jie visi jaučiasi labai realistiškas fizikos pagrindams, ir jie atrodo laikykitės gravitacijos įstatymų. Nė viena iš šių animacijų nėra viršutinė ar pašalinė. Jie subtilus, tačiau pastebimas ir dar svarbiau, jie tikėtinas.
Manau, kad antradienis yra viena iš geriausių šiuolaikinių CSS animacinių bibliotekų, nes ji pristato realus vaizdo animacijos vaizdas.
Mes neturėtume sukurti beprotiškų sąsajų efektų, kurie išsiskiria kaip skausminga nykščio. Subtilumas visada yra žaidimo pavadinimas, nes jis sukuria interaktyvumo jausmą iš bet kurio vartotojo įvesties, ar tai yra paspaudimas, ar slinkimas.
Problemos visada buvo rašyti šias animacijas nuo nulio ir gauti juos atrodo teisingai. Bet dabar su antradieniu jūsų rūpesčiai gali skristi tiesiai iš durų.
Tiesiog atsisiųskite kopiją iš „GitHub“ ir pridėkite .css failą į savo puslapį. Jūs iš tikrųjų galite naudoti CDN versiją tiesiai iš „GitHub“ jei nenorite atsisiųsti nieko vietos.
Kai tik tai bus pridėta prie jūsų tinklalapio, tiesiog pridėti .animuoti klasė kartu su bet kuria iš nuosavybės klasių „GitHub“ repo. Jūsų kodas gali atrodyti taip:
Tai antradienis.
Pažvelkite į visą dokumentaciją matyti visų „In / Out“ animacijos klasių sąrašą.
Jei dirbate su „JavaScript“, galite taip pat pridėti šias klases dinamiškai paspaudimų / paspaudimų įvykiuose. Tokiu būdu galite pridėti animacinę klasę tik tada, kai vartotojas spusteli mygtuką, kuris, atrodo, bus paspaudžiamas.
Antradienį galite padaryti tiek daug, ir tai tikrai nauja „Animate.css“, skirta pragmatiškoms UI animacijoms.
Pažvelkite į demonstracinis puslapis kad pamatytumėte, kaip jis gyvena, ir galite sužinoti daugiau skaitydami jų “priėmimo procese” paštu kuri kalba apie tai, kaip Shakr komanda sukūrė antradienį.
