anim-fadeoutleft
Fade Out Left 是 Animate.css 提供的纯 CSS 关键帧退场动画，作为 motion-anything 的一部分，无需 JavaScript 即可使用，并遵循 prefers-reduced-motion 设置。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-02 00:09
前端与建站
11,363 个结果
anim-fadeoutleftbig
来自 Animate.css 的 CSS 关键帧退出动画 Fade Out Left Big，元素向左淡出并放大位移，无需 JavaScript，支持 prefers-reduced-motion，采用 Hippocratic-2.1 许可（© Daniel Eden）。
anim-fadeoutright
Fade Out Right 是来自 Animate.css 的 CSS 关键帧退场动画（Hippocratic-2.1 许可，© Daniel Eden），无需 JS，尊重 prefers-reduced-motion。适合单个元素的淡出右移动效，不宜大量或需阅读内容同时使用。
anim-fadeoutupbig
基于 Animate.css 的 CSS 关键帧退出动画 fadeOutUpBig，无需 JavaScript，尊重 prefers-reduced-motion。适合为元素添加向上淡出放大消失的退场效果，采用 Hippocratic-2.1 许可。
anim-flipinx
来自 Animate.css 的 Flip In X 关键帧动画，无需 JavaScript，可作为 CSS 直接引入。使用简单，支持对 prefers-reduced-motion 做处理，适合做轻量入场动效，需保留 Animate.css 署名与许可。
anim-lightspeedinleft
来自 Animate.css 的即插即用 CSS 关键帧入场动画，无需 JavaScript。元素加上 lightSpeedInLeft 类并设置 animation-duration 即可从左侧“光速”飞入，尊重 prefers-reduced-motion，采用 Hippocratic-2.1 许可。
anim-rollin
anim-rollin 是来自 Animate.css 的 Roll In 纯 CSS 关键帧入场动画，无需 JavaScript，遵循 prefers-reduced-motion，适用于快速为元素添加入场动效，使用时需保持克制。
anim-rotateinupleft
来自 Animate.css 的 CSS 关键帧入场动画 Rotate In Up Left，无需 JavaScript，兼容 prefers-reduced-motion（开启后动画禁用）。以 Hippocratic-2.1 许可发布，版权归 Daniel Eden，属于 motion-anything 项目。
anim-rotateinupright
来自 Animate.css 的 CSS 关键帧入场动画，名为 Rotate In Up Right，无需 JavaScript，支持 prefers-reduced-motion 无障碍适配，采用 Hippocratic-2.1 许可（© Daniel Eden），属于 motion-anything 项目的一部分，可通过复制 CSS 并添加类名的方式直接使用。
anim-rotateoutdownright
来自 Animate.css 的 CSS 关键帧退场动画，无需 JS，可在元素上直接套用，尊重 prefers-reduced-motion 设置，适用于快速、轻量的退出动效。
anim-rotateoutupright
Rotate Out Up Right 是 Animate.css 提供的 CSS 关键帧退出动画，无需 JavaScript，会遵循 prefers-reduced-motion。适用于单元素的快速退场效果，不宜批量使用或用于必读内容。
anim-shakex
来自 Animate.css 的 Shake X 关键帧动画，无需 JavaScript，可直接复制使用，并会在用户开启减少动态效果时自动禁用。
anim-slideinup
来自 Animate.css 的滑入上升关键帧动画，无需 JavaScript，复制 slideInUp.css 并为元素添加 slideInUp 类并设置 animation-duration 即可使用，同时遵循 prefers-reduced-motion。
anim-slideoutup
anim-slideoutup 是来自 Animate.css 的 CSS 关键帧退出动画 Slide Out Up，无需 JavaScript，会遵循 prefers-reduced-motion 设置。复制样式后给元素加 slideOutUp 类并设置 animation-duration 即可使用。
anim-wobble
来自 Animate.css 的 Wobble CSS 关键帧动画，属于 motion-anything 项目的一部分，无需 JavaScript 即可使用，并遵循 prefers-reduced-motion 设置。
anim-zoominleft
Zoom In Left 是来自 Animate.css 的纯 CSS 关键帧入场动画，无需 JavaScript，尊重 prefers-reduced-motion。适合快速为元素添加从左缩放入场效果。
anim-zoomoutleft
来自 Animate.css（Hippocratic-2.1，© Daniel Eden）的即用型 CSS 关键帧退出动画，元素向左缩放淡出，无需 JavaScript，并遵循 prefers-reduced-motion。
balatro
balatro 是一个基于 GPU 片段着色器的网页背景效果，使用无依赖的 WebGL 渲染，适合作为营销级首屏背景。每个视图仅使用一次，文字后方需加遮罩层。
dark-veil
dark-veil 是一个无需依赖的 WebGL GPU 片段着色器背景，用于网页 hero 区域等营销级主视觉背景。每屏限用一个，文字后需加遮罩。资料未提供更多说明。
dock
macOS 风格放大 Dock 组件，图标会朝光标方向放大，形成应用启动器式的一行图标。每个视图仅使用一个 Dock，在 prefers-reduced-motion 下图标保持扁平不放大。无依赖，兼容减少动态效果设置。
fade-in-up
fade-in-up 是 motion-anything 中的页面加载入场动效，让关键元素以“上移+淡入”方式出现，可自动错峰。适合首屏主视觉和少量重要元素，不适合长列表或屏外内容。遵循 MOTION-SPEC.md，并支持 prefers-reduced-motion。
ferrofluid
ferrofluid 是一个基于 GPU 片段着色器的背景效果，使用无依赖的 WebGL 渲染，适合作为营销级首屏背景。每个视图仅使用一次，文字后方需加遮罩层。
fx-chain-react
fx-chain-react 是 Open Design html-ppt 特效包中的画布连锁爆发动画，属于 motion-anything 项目，遵循 MOTION-SPEC.md。适合幻灯片或发布视频的标题卡、章节分隔与主视觉时刻，不适合正文阅读内容。
fx-confetti
fx-confetti 是 Open Design html-ppt 特效包中的 Canvas 彩带效果，用于幻灯片或发布视频中的胜利与揭晓时刻。它属于 motion-anything 项目并遵循 MOTION-SPEC.md，适合标题卡、章节分隔或主视觉，不适合正文阅读内容。