返回动画列表

数字滚动

Counter Roll

数字通过垂直滚动方式从 0 滚动至目标值，适合数据面板和统计展示。

文字滚动时中级GPU 加速

预览

代码

持续时间

2s

缓动函数

cubic-bezier(0.16, 1, 0.3, 1)

CSS 属性

transform

使用场景

Dashboard stat counters
Landing page metrics
Achievement milestones
Pricing page numbers

相关动画

typewriter text-gradient-flow