CSS Scroll Animation Builder
Pumili ng effect, layo, tagal, at easing para sa CSS na nananatiling nakikita kapag walang JavaScript at sumusunod sa reduced motion.
Pumili ng mga halaga at gumawa. Lokal na ginagawa; nakikita ang fallback kahit walang JavaScript.
Paano gamitin
Paano gamitin
- Pumili ng effect at limitadong numero.
- Kopyahin ang CSS at optional observer script.
- Idagdag ang class sa elemento at subukan ang keyboard at reduced motion.
Limitadong output
Nililimitahan ang values sa ligtas na saklaw at hanggang 200 character ang text.
Progressive enhancement
Mananatiling nakikita kung walang JavaScript o Observer; isang beses lang mag-a-animate kung suportado.
Motion preference
Pinapatay ng prefers-reduced-motion ang transition at pinananatiling nakikita ang elemento.
Mga madalas itanong
Maaari mo ring alamin
Kailangan ba ng library?
Hindi. CSS at browser Observer lang kapag suportado.
Paano kung walang JavaScript?
Mananatiling nakikita ang elemento dahil visible ang default.
Pwede sa cards?
Oo. Idagdag ang class sa bawat elemento para magkahiwalay ang reveal.