anim-fadeoutdownbig
来自 Animate.css 的纯 CSS 关键帧退场动画，无需 JavaScript，遵循 prefers-reduced-motion。主要用途是让元素以向下大位移加淡出的方式退出画面。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-07 00:13
设计与创作
22,371 个结果
anim-fadeoutrightbig
Fade Out Right Big 是来自 Animate.css 的 CSS 关键帧退出动画，无需 JavaScript，支持 prefers-reduced-motion 无障碍设置，适用于元素的快速淡出并向右大幅移出场景。
anim-fadeouttopleft
anim-fadeouttopleft 是来自 Animate.css 的 CSS 关键帧淡出动画，无需 JavaScript，支持 prefers-reduced-motion。适用于需要快速退场动效的界面元素，采用 Hippocratic-2.1 许可。
anim-fadeouttopright
来自 Animate.css 的 CSS 关键帧退出动画，无需 JavaScript，用作元素向右上方淡出；遵循 prefers-reduced-motion，适用 Hippocratic-2.1 许可，需署名 Daniel Eden。
anim-fadeoutup
来自 Animate.css 的 CSS 关键帧退出动画 Fade Out Up，无需 JS，尊重 prefers-reduced-motion，用于元素向上淡出消失，需署名 Animate.css（Hippocratic-2.1）。
anim-flash
来自 Animate.css 的 Flash CSS 关键帧动画，无需 JavaScript，遵循 prefers-reduced-motion，适用于快速强调效果，需克制使用。
anim-flip
anim-flip 是一个来自 Animate.css 的即插即用 CSS 关键帧翻转动画，无需 JavaScript，会响应 prefers-reduced-motion。使用时需保持克制，适合快速添加入场动画。
anim-flipiny
来自 Animate.css 的 Flip In Y 关键帧动画（Hippocratic-2.1，© Daniel Eden），无需 JavaScript，尊重 prefers-reduced-motion。属于 motion-anything 的一部分，适合作为快速即插即用的 CSS 入场动画，需克制使用。
anim-headshake
anim-headshake 是来自 Animate.css 的 CSS 关键帧动画「Head Shake」，无需 JavaScript，遵循 prefers-reduced-motion，采用 Hippocratic License 2.1（© Daniel Eden），属于 motion-anything 项目，用于为元素添加快速强调式的摇头动画效果，适合需要适度提示的场景。
anim-heartbeat
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
anim-hinge 是来自 Animate.css 的即用型 CSS 关键帧动画（Hinge），无需 JavaScript，尊重 prefers-reduced-motion。适合作为快速的 CSS 退场动画，应克制使用。
anim-jackinthebox
Jack In The Box 是 Animate.css 提供的纯 CSS 关键帧入场动画，无需 JavaScript，会遵循 prefers-reduced-motion 设置。适用于为元素添加快速、即插即用的入场动效，代码采用 Hippocratic-2.1 许可（© Daniel Eden）。
anim-jello
来自 Animate.css 的 Jello CSS 关键帧动画，可直接用于元素的强调动效，无需 JavaScript，并遵循 prefers-reduced-motion 设置。采用 Hippocratic-2.1 许可，版权归 Daniel Eden。
anim-lightspeedinright
来自 Animate.css 的 Light Speed In Right 关键帧动画，纯 CSS 实现，无需 JavaScript，支持 prefers-reduced-motion，采用 Hippocratic-2.1 许可，可复制其 CSS 文件并加类名使用。
anim-pulse
anim-pulse 是来自 Animate.css 的 CSS 关键帧强调动画（Pulse），无需 JavaScript，可直接引入使用，并遵循 prefers-reduced-motion 设置。采用 Hippocratic-2.1 许可，版权归 Daniel Eden，属于 motion-anything 项目。
anim-rollout
来自 Animate.css 的 CSS 关键帧退场动画 Roll Out，可直接复制使用，无需 JavaScript，支持减弱动效偏好设置，采用 Hippocratic-2.1 许可（© Daniel Eden），属于 motion-anything 项目。
anim-rotatein
Rotate In 是 Animate.css 提供的即用型 CSS 关键帧入场动画（Hippocratic-2.1，© Daniel Eden），无需 JavaScript，会遵循 prefers-reduced-motion。源自 motion-anything，使用时宜克制，避免用于必须阅读的内容或同时大量使用。
anim-rotateindownleft
来自 Animate.css 的纯 CSS 关键帧入场动画，无需 JavaScript，可通过复制样式并添加类名使用，支持 prefers-reduced-motion，采用 Hippocratic-2.1 许可。
anim-rotateindownright
来自 Animate.css 的 CSS 关键帧入场动画 Rotate In Down Right，无需 JavaScript，通过复制 rotateInDownRight.css 并给元素添加 rotateInDownRight 类即可使用，适用于单个元素的快速入场，支持 prefers-reduced-motion。
anim-rotateout
Animate.css 的 Rotate Out 关键帧动画，可直接复制 CSS 使用，无需 JavaScript，遵循 prefers-reduced-motion，适合单元素快速旋转退出效果，需节制使用。
anim-rotateoutdownleft
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 即可。适合需要轻量、快速退场动效的场景；不适合同时大量使用或在必须阅读的重要内容上使用，应保持克制。
anim-rotateoutupleft
来自 Animate.css 的 CSS 关键帧退场动画，无需 JavaScript，遵守 prefers-reduced-motion。将 rotateOutUpLeft.css 引入并给元素添加 rotateOutUpLeft 类、设置动画时长即可使用。
anim-rubberband
来自 Animate.css 的 Rubber Band CSS 关键帧动画技能，无需 JavaScript，尊重系统的减少动画偏好，适合为元素添加强调动画。
anim-shake
anim-shake 是来自 Animate.css 的 CSS 关键帧动画（Shake），属于 motion-anything 项目，无需 JS，遵循 prefers-reduced-motion，采用 Hippocratic-2.1 许可（© Daniel Eden），适合作为快速、即插即用的强调动画，需克制使用。