动效与动画

数字滚动 Count Up

数字从 0 平滑滚到目标值,先快后慢,数据大屏和落地页的成就感来源

累计下载

0+

**数字滚动(Count Up)**让统计数字从 0 平滑增长到目标值:先猛冲、后减速、稳稳停住。同样的“987,600 下载量”,静态摆着是数据,滚起来就是“业绩在涨”——落地页和数据大屏都靠它制造动感。

什么时候用:首屏的关键指标(用户数、销量、融资额)、数据大屏、周年庆战报。整页数字都在滚就成了数字雨,挑 1~3 个最想炫耀的。

对 AI 说清楚的三要素:① 缓动用 easeOut 家族(easeOutQuart/Cubic),匀速滚动像秒表;② 时长 1.5~2s,滚完就停,别循环;③ 用 IntersectionObserver 进入视口才触发——用户还没滚到就播完,等于白做。

复制即用的提示词片段

数据展示用数字滚动(Count Up):数字从 0 用 easeOut 缓动滚到
目标值(先快后慢),时长 1.5~2s,千分位分隔;进入视口才开始播,
滚完停稳;可配 +、% 等后缀强调增长感。