SuperAPI AI 工具集

anim-zoomoutup

设计与创作

查看项目

更新于 10-16 09:59

技能介绍

用途:Zoom Out Up 是一个可直接使用的 CSS 关键帧退场动画,源自 Animate.css(Hippocratic License 2.1,© Daniel Eden),属于 motion-anything 项目。适合需要快速、轻量退场动效的场景,无需 JavaScript。

主要能力:提供名为 zoomOutUp 的 CSS 动画类,用于元素的退场过渡;遵循 prefers-reduced-motion,在用户偏好减少动态时禁用动画;无需 JS 即可运行。

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

适用场景:单个或少量的快速退场动效。

限制与注意:资料提醒应保持克制,避免大量元素同时使用,也不宜用于必须阅读的内容。许可与归属方面需注明 Animate.css(Hippocratic-2.1)。