SuperAPI AI 工具集

anim-rollout

设计与创作

查看项目

更新于 10-16 01:36

技能介绍

用途:Roll Out 是一个可直接使用的 CSS 关键帧退场动画,来自 Animate.css(Hippocratic 2.1 许可,© Daniel Eden),属于 motion-anything 项目,适合作为元素离开画面时的快速动效。

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

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

适用场景与限制:适合单次、轻量的退场动效。应克制使用,避免大量元素同时播放,也不宜用于必读内容。使用时需按 Hippocratic-2.1 许可署名 Animate.css。其余平台支持、体积、兼容性等细节暂未提供。