用途:anim-bounceoutdown 提供一段即插即用的 CSS 关键帧退出动画"Bounce Out Down",元素以向下弹跳的方式消失,适合需要快速、无 JavaScript 的退出动效场景。
主要能力:纯 CSS 实现,无需 JS;遵循 prefers-reduced-motion,在用户偏好减少动效时会自动禁用,兼顾无障碍体验。
使用方式:复制 bounceOutDown.css 后,为目标元素添加类名 bounceOutDown,并设置 animation-duration 控制动画时长。
适用场景:需要轻量退出动效的界面元素。资料同时提示需克制使用——不要在大量元素上同时使用,也不要用于必须阅读的内容。
限制与许可:采用 Hippocratic License 2.1(© Daniel Eden),使用时需标注 Animate.css。该动画属于 motion-anything 项目的一部分,更多平台支持、收费或价格等信息暂未提供。