SuperAPI AI 工具集

blur-text

设计与创作

查看项目

更新于 10-16 06:51

技能介绍

用途:为标题提供从模糊到清晰的逐词入场动效,适合想要平静、高级感的页面主标题,每屏只用一个标题,不用于正文。

主要能力:词语按顺序从柔和模糊中逐渐解析清晰;无需外部依赖;在 prefers-reduced-motion 环境下提供安全降级。

使用方式:复制其 CSS 与 JS,然后在标题元素上添加属性,例如 <h1 data-blur-text>Your headline</h1>。具体 CSS 与 JS 内容及完整安装步骤暂未提供。

适用场景:落地页、产品页等需要单个主标题做轻量入场动效的场合。

限制:仅面向标题类短语,不适合段落正文;每屏限一个标题;资料未提供更多参数、浏览器兼容范围或平台支持信息。