SuperAPI AI 工具集

anim-bounceinup

前端与建站

查看项目

更新于 10-16 06:51

技能介绍

用途:Bounce In Up 是一个可直接放入项目的 CSS 关键帧入场动画,属于 motion-anything 的一部分。它用于让元素以弹跳方式从下方进入视野,适合需要轻量、无 JS 依赖的入场动效场景。

主要能力:纯 CSS 实现,无需 JavaScript;已处理 prefers-reduced-motion,在用户偏好减少动效时自动禁用;许可证为 Hippocratic License 2.1,版权归 Daniel Eden,需按要求署名 Animate.css。

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

适用场景:单个或少量元素需要快速入场动效时使用。

限制:不适用于大量元素同时动画或必须保证可读性的正文内容;这类情况应保持克制。其余如具体兼容性版本、性能数据等资料未提供。