Nauja, paprastos sintaksės animacijų biblioteka, skirta UI papildyti judesio efektais, daug dėmesio skiriant našumui ir prieinamumui.
- GitHub žvaigždutės
- 1.6K
- Atnaujinta
- Dec 6, 2024
- Licencija
- MIT License
Sal
Ši biblioteka leidžia kūrėjams papildyti žiniatinklio programas sklandžiomis slinkimo animacijomis, kurios suveikia elementams pasirodžius matymo srityje.
Sal – lengva, našumui skirta slinkimo animacijų biblioteka, leidžianti paprastai pridėti dinamiškų animacijų prie žiniatinklio elementų, kai jie patenka į matymo sritį. Jos paketas užima mažiau nei 2.8 kb, o biblioteka neturi priklausomybių, todėl naudotojams užtikrinama sklandi patirtis.
Sal sukurta naudojant Intersection Observer API. Ji efektyviai aptinka, kada elementai tampa matomi ekrane, ir atitinkamai paleidžia animacijas. Ši API užtikrina optimalų našumą ir gerokai sumažina apkrovą, kurią sukelia slinkimo įvykių stebėjimas.
Integravimas paprastas: prie HTML elementų pridėję atributą `data-sal`, kūrėjai gali nurodyti norimą animacijos efektą. Trukmę, delsą ir eigos kreivę galima tinkinti papildomais duomenų atributais arba CSS kintamaisiais, todėl animacijos elgesį galima visiškai valdyti. Palaikomi įvairūs efektai, įskaitant išnykimą, slinkimą, mastelio keitimą ir apvertimą.
Sal taip pat siūlo pažangių funkcijų: po inicializavimo galima keisti parinktis, todėl biblioteka prisitaiko prie naudotojo veiksmų ir skirtingų situacijų. Palaikomi įvykių klausytojai, leidžiantys reaguoti į elementų patekimą į matymo sritį ir išėjimą iš jos. Todėl biblioteka tinka interaktyvioms programoms, kurioms reikia realiuoju laiku reaguoti į naudotojo slinkimą.
Funkcijos
- Lengva (mažiau nei 2.8 kb)
- Nėra priklausomybių
- Slinkimo animacijos, kai elementai tampa matomi
- Paremta Intersection Observer API
- Paprastas integravimas su HTML
- Palaiko įvairius animacijos efektus
- Galima tinkinti trukmę, delsą ir eigos kreivę
- Įvykiai elementams patenkant į matymo sritį ir iš jos išeinant
- Palaiko pasirinktines CSS kintamųjų savybes
- Galima iš naujo nustatyti ir atnaujinti parinktis po inicializavimo
Susiję elementai
Ši animacijų biblioteka supaprastina patrauklių žiniatinklio programų animacijų kūrimą, derindama lankstumą ir paprastą naudojimą.
- GitHub žvaigždutės
- 50.5K
- Atnaujinta
- Dec 6, 2024
- Licencija
- MIT License
Šis animacijų įrankis leidžia lengvai kurti įtraukiančias animacijas ir interaktyvius elementus žiniatinklyje, taip pagerinant naudotojo patirtį, palyginti su įprastais perėjimais.
- GitHub žvaigždutės
- 20.0K
- Atnaujinta
- Dec 6, 2024
Šiuolaikinė žiniatinklio animacijų biblioteka, sukurta naudojant vietines naršyklės API, todėl veikia sparčiai ir užima labai mažai vietos.
- GitHub žvaigždutės
- 26.1K
- Atnaujinta
- Dec 6, 2024
- Licencija
- MIT License
Šis animacijų sprendimas užtikrina sklandžius ir našius perėjimus, suteikiančius gyvybės bet kuriai sąsajai ir natūraliai pagerinančius naudotojų patirtį.
- GitHub žvaigždutės
- 28.3K
- Atnaujinta
- Dec 6, 2024
- Licencija
- MIT License
Lengvai papildykite savo žiniatinklio programas įspūdingomis animacijomis.
- GitHub žvaigždutės
- 12.9K
- Atnaujinta
- Dec 6, 2024
- Licencija
- MIT License
Galingas įrankis įspūdingoms animacijoms kurti React programose įdedant minimaliai pastangų.
- GitHub žvaigždutės
- 26.1K
- Atnaujinta
- Dec 6, 2024
- Licencija
- MIT License
Pagalbinė animacijų sistema, sukurta GSAP pagrindu, leidžianti kurti animacijas rašant minimaliai kodo.
- GitHub žvaigždutės
- 414
- Atnaujinta
- Dec 2, 2024
- Licencija
- Other