SuperAPI AI 工具集

anim-fadeinup

设计与创作

查看项目

更新于 10-16 09:34

技能介绍

用途: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。

适用场景:适合作为快速、即插即用的入场动画,用于非必读内容的轻度动效点缀。

限制:官方资料提示应克制使用,避免一次对大量元素施加动画,也不要用于必读内容;关于浏览器兼容范围、具体参数默认值及更多配置项暂未提供。