SuperAPI AI 工具集

anim-zoomout

设计与创作

查看项目

更新于 10-16 06:51

技能介绍

用途:Zoom Out 是一个来自 Animate.css 的 CSS 关键帧动画,属于 motion-anything 项目,用于为元素提供快速、即插即用的退场(exit)动画效果,无需 JavaScript。

主要能力:纯 CSS 实现,通过复制 zoomOut.css 并给目标元素添加 zoomOut 类,再设置 animation-duration 即可生效。动画遵循 prefers-reduced-motion:在该偏好开启时动画被禁用,具备无障碍支持。

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

适用场景:适合需要轻量退场动画、且不引入脚本的界面场景。

限制:资料明确建议克制使用,不适用于多个元素同时播放动画或必须阅读的内容;许可为 Hippocratic-2.1,使用时需署名 Animate.css(© Daniel Eden)。