Nova knjižnica animacij s preprosto sintakso za dodajanje gibalnih učinkov v UI s poudarkom na zmogljivosti in dostopnosti.
- Hviezdičky na GitHub
- 1.6K
- Aktualizované
- Dec 6, 2024
- Licencia
- MIT License
Sal
Táto knižnica umožňuje vývojárom doplniť webové aplikácie o plynulé animácie pri posúvaní stránky, ktoré sa spustia, keď sa prvky objavia vo výreze.
Sal je ľahká knižnica animácií pri posúvaní stránky, zameraná na výkon. Uľahčuje pridávanie dynamických animácií webových prvkov pri ich vstupe do výrezu. Má minimálnu veľkosť balíka, menej ako 2.8 kb, a funguje bez závislostí, čím zabezpečuje plynulý používateľský zážitok.
Sal, vytvorený pomocou API Intersection Observer, efektívne zisťuje, kedy sú prvky na obrazovke viditeľné, a podľa toho spúšťa animácie. Toto API riešenie poskytuje optimálny výkon a výrazne znižuje réžiu spojenú so sledovaním udalostí posúvania stránky.
Integrácia je jednoduchá: vývojári môžu určiť požadovaný efekt animácie pridaním atribútu `data-sal` k prvkom HTML. Pomocou ďalších dátových atribútov alebo premenných CSS možno upraviť napríklad trvanie, oneskorenie a priebeh animácie, takže nad jej správaním máte úplnú kontrolu. Medzi podporované efekty patria okrem iného prelínanie, posunutie, priblíženie a preklopenie.
Sal ponúka aj pokročilé funkcie vrátane možnosti meniť nastavenia po inicializácii, čo umožňuje reagovať na interakcie používateľov a prispôsobovať sa im. Podporuje poslucháče udalostí, ktoré zachytávajú vstup prvkov do výrezu alebo ich opustenie, a hodí sa tak aj pre interaktívne aplikácie vyžadujúce spätnú väzbu o posúvaní stránky v reálnom čase.
Funkcie
- Lahka knjižnica (manj kot 2.8 kb)
- Bez závislostí
- Animacije drsenja ob prikazu elementa
- Temelji na Intersection Observer API
- Preprosta integracija s HTML
- Podpora za različne animacijske učinke
- Prilagodljivo trajanje, zakasnitev in funkcija časovnega poteka
- Dogodki ob vstopu elementa v vidno polje in izhodu iz njega
- Podpora za spremenljivke CSS za lastnosti po meri
- Možnost ponastavitve in posodobitve možnosti po inicializaciji
Súvisiace položky
Táto animačná knižnica zjednodušuje tvorbu pútavých animácií pre webové aplikácie a spája flexibilitu s jednoduchým používaním.
- Hviezdičky na GitHub
- 50.5K
- Aktualizované
- Dec 6, 2024
- Licencia
- MIT License
Tento animačný nástroj vám umožňuje jednoducho vytvárať pútavé animácie a interakcie na webe, ktoré zlepšujú používateľský zážitok nad rámec bežných prechodov.
- Hviezdičky na GitHub
- 20.0K
- Aktualizované
- Dec 6, 2024
Moderná knižnica webových animácií postavená na natívnych rozhraniach API prehliadača, ktorá zabezpečuje vysoký výkon a minimálnu veľkosť súborov.
- Hviezdičky na GitHub
- 26.1K
- Aktualizované
- Dec 6, 2024
- Licencia
- MIT License
Toto animačné riešenie prináša plynulé prechody s vysokým výkonom, ktoré vdýchnu život každému rozhraniu a prirodzene zlepšia používateľskú skúsenosť.
- Hviezdičky na GitHub
- 28.3K
- Aktualizované
- Dec 6, 2024
- Licencia
- MIT License
Jednoducho obohaťte svoje webové aplikácie pútavými animáciami.
- Hviezdičky na GitHub
- 12.9K
- Aktualizované
- Dec 6, 2024
- Licencia
- MIT License
Výkonný nástroj na jednoduchú tvorbu pôsobivých animácií v aplikáciách React.
- Hviezdičky na GitHub
- 26.1K
- Aktualizované
- Dec 6, 2024
- Licencia
- MIT License
Framework animácií založený na nástrojoch GSAP na tvorbu animácií s minimom kódu.
- Hviezdičky na GitHub
- 414
- Aktualizované
- Dec 2, 2024
- Licencia
- Other