用途:kinetic-headline 用于让一个标题的单词(或字母)在页面加载时依次错峰入场,形成逐字/逐词出现的动效。它属于 motion-anything 项目,并遵循 MOTION-SPEC.md 规范。
适用场景:适合单个主视觉标题,或发布/上线视频中的单张标题卡。
不适用场景(克制原则):不要用于正文或必须阅读的内容;每屏最多只使用一条动态标题。
使用方式:复制 kinetic-headline.css 与 kinetic-headline.js 并引入链接;给标题加上标记,例如 <h1 data-kinetic>…</h1>,短行可用 data-kinetic="letters" 让字母逐个入场。
无障碍与性能:在 prefers-reduced-motion 下内容立即显示;动画仅使用 transform 与 opacity。
限制:资料未提供更多参数、配置项、浏览器兼容范围或安装命令等细节。