SuperAPI AI 工具集

anim-rotateoutupright

前端与建站

查看项目

更新于 10-16 01:36

技能介绍

用途:Rotate Out Up Right 是一个可直接引用的 CSS 关键帧退出动画,来自 Animate.css(Hippocratic-2.1,© Daniel Eden),属于 motion-anything 的一部分,用于元素以向右上旋转的方式离开画面。

主要能力:纯 CSS 实现,无需 JavaScript;会遵循 prefers-reduced-motion,在用户偏好减少动效时禁用动画。

使用方式:复制 rotateOutUpRight.css,然后为目标元素添加 rotateOutUpRight 类,并设置 animation-duration。

适用场景:单个元素的快速退场动画。

限制:不要在多个元素上同时使用,也不要用于必须阅读的内容,动效应保持克制;使用需注明 Animate.css(Hippocratic-2.1)。其余细节暂未提供。