用途:在页面进入视图时,让数字以类似里程表的滚动动画从当前值过渡到目标值,用于关键统计数据的展示。官方资料指出每屏适合放置一到两个关键数字。
主要能力:支持滚动计数到目标数值;无外部依赖;在 prefers-reduced-motion 下具备安全性(资料仅说明为 reduced-motion safe,未给出具体降级行为)。
使用方式:复制提供的 CSS 与 JS,然后在需要展示数字的位置使用如下标记:<span class="counter" data-to="1280">1280</span>。其中 data-to 指定目标数值,元素内文本作为初始显示值。
适用场景:页面上的数据指标、统计数字展示,且希望每屏只突出一到两个关键数值时使用。
限制:具体触发条件、缓动参数、格式化选项、浏览器兼容范围和可配置项暂未提供;资料未说明收费或授权信息。该技能来自 nexu-io/motion-anything 集合,页面地址为 https://www.skills.sh/nexu-io/motion-anything/counter。