anim-swing
来自 Animate.css 的 CSS 关键帧强调动画 Swing，无需 JS，遵循 prefers-reduced-motion（减少动态效果）。可复制 swing.css，在元素上加 swing 类并设置 animation-duration 使用。作为 motion-anything 的一部分，使用需克制，并署名 Animate.css（Hippocratic-2.1）。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-07 00:13
设计与创作
22,385 个结果
anim-tada
anim-tada 是来自 Animate.css 的即插即用 CSS 关键帧强调动画，无需 JavaScript，尊重 prefers-reduced-motion，采用 Hippocratic-2.1 许可（© Daniel Eden），属于 motion-anything 的一部分。
anim-zoomin
Zoom In 是来自 Animate.css 的纯 CSS 关键帧入场动画，无需 JavaScript，遵循 prefers-reduced-motion。使用时需引入 zoomIn.css 并为元素添加 zoomIn 类并设置 animation-duration。
anim-zoomindown
Zoom In Down 是来自 Animate.css 的即插即用 CSS 关键帧入场动画，无需 JavaScript，遵循 prefers-reduced-motion 无障碍设置。适用需谨慎，避免同时大量使用或用于必读内容。
anim-zoominright
基于 Animate.css 的 CSS 关键帧入场动画组件，类名为 zoomInRight，无需 JavaScript。属于 motion-anything 项目，采用 Hippocratic License 2.1，版权归 Daniel Eden，支持 prefers-reduced-motion 减弱动效。
anim-zoominup
Zoom In Up 是来自 Animate.css 的 CSS 关键帧入场动画，无需 JavaScript，遵循 prefers-reduced-motion，适合少量、非必读内容的快速入场效果。
anim-zoomout
来自 Animate.css 的 CSS 关键帧退出动画 Zoom Out，无需 JavaScript，尊重 prefers-reduced-motion 设置，采用 Hippocratic-2.1 许可，适合作为元素快速离场效果的即插即用方案。
anim-zoomoutdown
Zoom Out Down 是一个来自 Animate.css 的 CSS 关键帧退出动画（Drop-in 即插即用），采用 Hippocratic License 2.1 授权，版权归 Daniel Eden 所有。它属于 motion-anything 项目的一部分，无需 JavaScript 即可使用，并且遵循 prefers-reduced-motion 偏好设置。当需要快速添加一个元素离场动画时可以直接复制对应 CSS 文件，为元素添加 zoomOutDown 类并设置 animation-duration 即可生效。官方建议保持克制，避免同时大量使用，或将其用于必读内容。
anim-zoomoutright
anim-zoomoutright 是一个可直接引入的 CSS 关键帧退场动画，来自 Animate.css（Hippocratic-2.1 许可，© Daniel Eden），属于 motion-anything 项目的一部分。它不需要 JavaScript，并遵循 prefers-reduced-motion 偏好设置。使用时复制 zoomOutRight.css，为元素添加 zoomOutRight 类并设置 animation-duration 即可。适合用于元素的快速退场动效。
anim-zoomoutup
来自 Animate.css 的 CSS 关键帧退场动画 Zoom Out Up，无需 JavaScript，遵循 prefers-reduced-motion，可用于元素快速退场。
blur-text
blur-text 是一种用于标题的入场动效：文字从柔和模糊中逐词变清晰，营造平静、高级的观感。无依赖、兼容 prefers-reduced-motion 降级。每屏仅用于一个标题，不建议用于正文。
border-beam
border-beam 是一个纯 CSS 动效，让一道明亮的光点像彗星一样沿元素边框环绕移动，用于单个卡片或 CTA 的醒目点缀。属于 motion-anything，遵循 MOTION-SPEC.md，技法由 Magic UI 推广，此处为无依赖重实现。
bottom-sheet
bottom-sheet 是 motion-anything 中的 App-UI 微交互技能：底部面板从变暗的背景上滑入并可关闭，遵循 MOTION-SPEC.md，并支持 prefers-reduced-motion。
bounce-cards
bounce-cards 是一个无依赖、兼顾减少动态效果设置的卡片动画技能，让 3 到 5 张卡片在进入视图时以弹簧式运动扇形展开，适合小型首屏展示。每个视图只用一组；在 prefers-reduced-motion 下会以静态瞬时方式显示。
button-press
button-press 是 motion-anything 中的 App-UI 微交互，按下时按钮弹性下沉、松开回弹，提供触感式点击反馈，遵循 MOTION-SPEC.md。
card-lift-hover
card-lift-hover 是一个纯 CSS 的悬停抬升效果，让可点击卡片在鼠标悬停时向观察者方向抬起并加深阴影，提供触感式反馈，无需 JavaScript。属于 motion-anything 项目，遵循 MOTION-SPEC.md。
checkbox-pop
checkbox-pop 是 motion-anything 中的复选框微交互：切换时弹出并绘制对勾，属于 App-UI 移动端组件反馈动画，遵循 prefers-reduced-motion，仅使用 transform 与 opacity 以保证 GPU 性能。
circular-text
circular-text 是一个无依赖、对减少动态效果设置安全的装饰性文本组件，让文字沿圆形排列并缓慢旋转，适合用作徽章或印章式点缀。资料未提供收费、平台与更多效果信息。
click-spark
click-spark 是一个点击互动特效：点击时从点击位置迸发一簇火花，作为轻量的点击强调效果。无依赖，兼容减少动态效果偏好设置。
count-up
count-up 是 motion-anything 中的滚动进入视口数字动画技能：数字在首次进入视图时从 0 递增到目标值，用于统计或指标区块，吸引注意。遵循 MOTION-SPEC.md，支持前缀、后缀与时长配置，并适配减少动效偏好。
crosshair
crosshair 是一个无依赖、尊重减少动态效果设置的十字准星光标效果，细线横竖跨越视口并跟随指针移动，风格精准、偏技术感。每页仅一个，适合工具或仪表盘类界面，触屏及特定条件下自动关闭。
dither
复古 Bayer 抖动噪声波动效果，像素化、量化处理的 GPU 着色器，适合作为营销级主视觉背景。每个视图仅使用一次，文字后方需加遮罩。
dot-field
dot-field 是一个渐变点阵背景效果：点阵会随指针位置向外隆起，并带有柔和的鼠标光晕，适合用作营销级 hero 区域背景。每个视图仅使用一次，文字后方需加遮罩层。
dot-grid
dot-grid 是一个交互式点阵背景效果，指针靠近时点阵发光，快速移动会推开点阵，点击产生冲击波，随后弹性回位，适合用作营销级主视觉背景。