SuperAPI AI 工具集

anim-shake

设计与创作

查看项目

更新于 10-16 01:36

技能介绍

用途:anim-shake 是一个即插即用的 CSS 关键帧强调动画(Shake),来自 Animate.css,属于 motion-anything 项目。适用于需要快速为元素添加抖动强调效果的场景,无需 JavaScript。

主要能力:纯 CSS 关键帧动画,无 JS 依赖;支持 prefers-reduced-motion,在用户偏好减少动态效果时自动禁用动画。

使用方式:1. 复制 shake.css;2. 为元素添加 shake 类,并设置 animation-duration。

适用场景:适合单个元素的轻量强调提示。

限制:不适用于多个元素同时使用,或必须完整阅读的内容;应保持克制使用。许可为 Hippocratic-2.1(© Daniel Eden),使用时需标注 Animate.css 来源。