用途:fadeInUp 是一个可直接套用的 CSS 关键帧入场动画,属于 motion-anything 项目,代码来自 Animate.css(Hippocratic License 2.1,© Daniel Eden),无需 JavaScript 即可使用。
主要能力:提供“淡入并向上移动”的入场动画效果,并遵循 prefers-reduced-motion,在系统偏好减少动态时自动禁用动画;同时需按许可证要求署名 Animate.css(Hippocratic-2.1)。
使用方式:将 fadeInUp.css 复制到项目中,为目标元素添加 fadeInUp 类,并设置 animation-duration。
适用场景:适合作为快速、即插即用的入场动画,用于非必读内容的轻度动效点缀。
限制:官方资料提示应克制使用,避免一次对大量元素施加动画,也不要用于必读内容;关于浏览器兼容范围、具体参数默认值及更多配置项暂未提供。