anim-flipiny
来自 Animate.css 的 Flip In Y 关键帧动画(Hippocratic-2.1,© Daniel Eden),无需 JavaScript,尊重 prefers-reduced-motion。属于 motion-anything 的一部分,适合作为快速即插即用的 CSS 入场动画,需克制使用。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-07 00:13
22,385 个结果
来自 Animate.css 的 Flip In Y 关键帧动画(Hippocratic-2.1,© Daniel Eden),无需 JavaScript,尊重 prefers-reduced-motion。属于 motion-anything 的一部分,适合作为快速即插即用的 CSS 入场动画,需克制使用。
anim-headshake 是来自 Animate.css 的 CSS 关键帧动画「Head Shake」,无需 JavaScript,遵循 prefers-reduced-motion,采用 Hippocratic License 2.1(© Daniel Eden),属于 motion-anything 项目,用于为元素添加快速强调式的摇头动画效果,适合需要适度提示的场景。
Heart Beat 是一个来自 Animate.css 的 CSS 关键帧动画(许可协议为 Hippocratic-2.1,© Daniel Eden),属于 motion-anything 项目的一部分。它的定位是“即插即用”的 CSS 强调动画,无需 JavaScript 即可为元素添加心跳般的缩放脉冲效果。使用时复制 heartBeat.css,为目标元素添加 heartBeat 类并设置 animation-duration 即可生效。该动画遵循 prefers-reduced-motion,在用户偏好减少动效时会自动禁用,具备无障碍考虑。资料同时给出使用限制:应克制使用,不建议在同一页面同时用于大量元素,也不应施加于必须阅读的内容之上。使用时需保留对 Animate.css 的署名(Hippocratic-2.1)。除上述信息外,具体参数、演示效果与更多用法资料暂未提供。
anim-hinge 是来自 Animate.css 的即用型 CSS 关键帧动画(Hinge),无需 JavaScript,尊重 prefers-reduced-motion。适合作为快速的 CSS 退场动画,应克制使用。
Jack In The Box 是 Animate.css 提供的纯 CSS 关键帧入场动画,无需 JavaScript,会遵循 prefers-reduced-motion 设置。适用于为元素添加快速、即插即用的入场动效,代码采用 Hippocratic-2.1 许可(© Daniel Eden)。
来自 Animate.css 的 Jello CSS 关键帧动画,可直接用于元素的强调动效,无需 JavaScript,并遵循 prefers-reduced-motion 设置。采用 Hippocratic-2.1 许可,版权归 Daniel Eden。
来自 Animate.css 的 Light Speed In Right 关键帧动画,纯 CSS 实现,无需 JavaScript,支持 prefers-reduced-motion,采用 Hippocratic-2.1 许可,可复制其 CSS 文件并加类名使用。
anim-pulse 是来自 Animate.css 的 CSS 关键帧强调动画(Pulse),无需 JavaScript,可直接引入使用,并遵循 prefers-reduced-motion 设置。采用 Hippocratic-2.1 许可,版权归 Daniel Eden,属于 motion-anything 项目。
来自 Animate.css 的 CSS 关键帧退场动画 Roll Out,可直接复制使用,无需 JavaScript,支持减弱动效偏好设置,采用 Hippocratic-2.1 许可(© Daniel Eden),属于 motion-anything 项目。
Rotate In 是 Animate.css 提供的即用型 CSS 关键帧入场动画(Hippocratic-2.1,© Daniel Eden),无需 JavaScript,会遵循 prefers-reduced-motion。源自 motion-anything,使用时宜克制,避免用于必须阅读的内容或同时大量使用。
来自 Animate.css 的纯 CSS 关键帧入场动画,无需 JavaScript,可通过复制样式并添加类名使用,支持 prefers-reduced-motion,采用 Hippocratic-2.1 许可。
来自 Animate.css 的 CSS 关键帧入场动画 Rotate In Down Right,无需 JavaScript,通过复制 rotateInDownRight.css 并给元素添加 rotateInDownRight 类即可使用,适用于单个元素的快速入场,支持 prefers-reduced-motion。
Animate.css 的 Rotate Out 关键帧动画,可直接复制 CSS 使用,无需 JavaScript,遵循 prefers-reduced-motion,适合单元素快速旋转退出效果,需节制使用。
Rotate Out Down Left 是来自 Animate.css 的 CSS 关键帧退场动画(Hippocratic-2.1 许可,© Daniel Eden),属于 nexu-io/motion-anything 项目。它以“即插即用”的方式为元素提供旋转并向左下角移出画面的退场效果,无需任何 JavaScript 即可使用,并且会遵循 prefers-reduced-motion 无障碍偏好设置。使用时将 rotateOutDownLeft.css 复制到项目中,为元素添加 rotateOutDownLeft 类并设置 animation-duration 即可。适合需要轻量、快速退场动效的场景;不适合同时大量使用或在必须阅读的重要内容上使用,应保持克制。
来自 Animate.css 的 CSS 关键帧退场动画,无需 JavaScript,遵守 prefers-reduced-motion。将 rotateOutUpLeft.css 引入并给元素添加 rotateOutUpLeft 类、设置动画时长即可使用。
来自 Animate.css 的 Rubber Band CSS 关键帧动画技能,无需 JavaScript,尊重系统的减少动画偏好,适合为元素添加强调动画。
anim-shake 是来自 Animate.css 的 CSS 关键帧动画(Shake),属于 motion-anything 项目,无需 JS,遵循 prefers-reduced-motion,采用 Hippocratic-2.1 许可(© Daniel Eden),适合作为快速、即插即用的强调动画,需克制使用。
anim-shakey 是来自 Animate.css 的 shakeY CSS 关键帧动画(Hippocratic-2.1 许可,© Daniel Eden),无需 JavaScript,遵循 prefers-reduced-motion,可用于少量元素的强调动效。
来自 Animate.css 的滑入下落 CSS 关键帧动画,无需 JavaScript 即可使用,遵循 prefers-reduced-motion 偏好设置,采用 Hippocratic-2.1 许可。
anim-slideinleft 是来自 Animate.css 的 CSS 关键帧入场动画“Slide In Left”,无需 JavaScript,可直接放入页面使用,并遵循 prefers-reduced-motion 无障碍设置,采用 Hippocratic-2.1 许可(© Daniel Eden)。
来自 Animate.css 的 CSS 关键帧动画 Slide In Right,无需 JavaScript,支持 prefers-reduced-motion,可复制样式并添加类名使用。
anim-slideoutdown 是一个基于 Animate.css 的纯 CSS 关键帧动画,用于让元素向下滑出。它不需要 JavaScript,并遵循 prefers-reduced-motion 偏好设置。该动画来自 motion-anything 集合,采用 Hippocratic License 2.1 许可(版权归 Daniel Eden)。使用时复制 slideOutDown.css,为目标元素添加 slideOutDown 类并设置 animation-duration 即可。适合用作轻量的退场动画,但同一时间多处使用或用于必须阅读的内容时应克制。
来自 Animate.css 的即用型 CSS 关键帧退场动画 Slide Out Left(向左滑出),无需 JavaScript,遵循 prefers-reduced-motion,采用 Hippocratic-2.1 许可。
anim-slideoutright 是来自 Animate.css 的滑出右侧关键帧动画,可作为纯 CSS 的离场动画直接使用,无需 JavaScript。它遵循 prefers-reduced-motion,采用 Hippocratic License 2.1,版权归 Daniel Eden。