scroll-float

name	scroll-float
description	Words float up and settle as the line enters view — a lively per-word scroll reveal. One or two lines; keep travel modest. Visible instantly under prefers-reduced-motion.
triggers	["scroll float","per-word reveal","滚动上浮","逐词浮现"]
od	{"mode":"prototype","surface":"web","platform":"desktop","category":"animation-motion","preview":{"type":"html"},"design_system":{"requires":false}}

scroll-float

Scroll Float Dependency-free, reduced-motion safe.

How to apply

Copy css+js; <h2 data-scroll-float>Your line</h2>.