SuperAPI AI 工具集

anim-backoutup

设计与创作

查看项目

更新于 10-16 06:50

技能介绍

用途:backOutUp 是一个纯 CSS 的关键帧退场动画,用于让元素以“向上退出”的方式离开画面,属于 motion-anything 项目的一部分,来源于 Animate.css(Hippocratic License 2.1,© Daniel Eden)。适合需要快速、即插即用退场效果的场景,不需要引入 JavaScript。

主要能力:提供 backOutUp 关键帧动画与对应的 backOutUp 类,通过 CSS 实现退场动作;会遵循 prefers-reduced-motion 设置,在该偏好开启时禁用动画。

使用方式:复制 backOutUp.css,为需要退场的目标元素添加 backOutUp 类,并设置 animation-duration 控制动画时长。

适用场景:页面元素的快速退场,如隐藏、移除或切换内容时的过渡效果。

限制与注意:不宜在同一时间对大量元素同时使用,也不应用于必须阅读的内容,应保持克制。若使用该动画,需按 Hippocratic-2.1 许可对 Animate.css 进行署名。

其他细节(如具体时长、浏览器兼容范围等)暂未提供。