SuperAPI AI 工具集

anim-heartbeat

设计与创作

查看项目

更新于 10-16 10:35

技能介绍

Heart Beat 是 Animate.css 提供的一个 CSS 关键帧动画,并作为 motion-anything 项目的一部分收录(许可协议为 Hippocratic License 2.1,© Daniel Eden)。它以“即插即用”的方式为网页元素添加心跳式的强调动画,全程不需要 JavaScript。

用途 该动画适用于需要快速、轻量地吸引用户注意力的场景,用作元素级别的强调动效。

使用方式 第一步,复制 heartBeat.css 文件;第二步,为目标元素添加 heartBeat 类,并设置 animation-duration。经过这两步即可让动画生效,无需引入额外的脚本逻辑。

无障碍与许可 动画遵循 prefers-reduced-motion:当用户系统偏好减少动效时,动画会被禁用。使用该动画时需要署名 Animate.css(Hippocratic-2.1)。

使用限制 资料明确建议克制使用:不要在同一时间对大量元素同时施加该动画,也不要将它用于必须阅读的内容之上,以免造成干扰。

以上为资料提供的全部信息,关于具体的默认时长、关键帧细节、浏览器兼容范围或更多参数配置,暂未提供。