SuperAPI AI 工具集

anim-rotateoutdownleft

设计与创作

查看项目

更新于 10-16 10:59

技能介绍

Animate · Rotate Out Down Left

Rotate Out Down Left 是一个来自 Animate.css 的 CSS 关键帧动画,采用 Hippocratic License 2.1 许可,版权归 Daniel Eden 所有,属于 motion-anything 项目的一部分。

用途 这是一种快速、即插即用的 CSS 退场动画,为元素提供旋转并朝左下方移出画面的效果,无需 JavaScript。

主要能力

  • 纯 CSS 关键帧实现,不依赖 JS。
  • 提供退场(out)方向的旋转下左动画效果。
  • 遵循 prefers-reduced-motion:在用户开启减少动态效果偏好时禁用动画。
  • 许可为 Hippocratic-2.1,使用时需署名 Animate.css。

使用方式

  1. 复制 rotateOutDownLeft.css。
  2. 为目标元素添加 rotateOutDownLeft 类。
  3. 设置 animation-duration。

适用场景 适合需要轻量退场动效、希望快速引入且不写 JS 的界面场景。

限制与注意事项

  • 资料建议保持克制,不适合同时给大量元素使用,也不适合用在必须阅读的重要内容上。
  • 其他具体功能、收费与平台信息暂未提供。