用途:Back In Up 是一个即取即用的 CSS 关键帧入场动画,来自 Animate.css(Hippocratic License 2.1,© Daniel Eden),属于 motion-anything 项目。用于给页面元素添加快速入场效果,无需编写 JavaScript。
主要能力:以纯 CSS 关键帧实现入场动画;不依赖 JS;遵循 prefers-reduced-motion(在用户偏好减少动效时禁用);可作为 drop-in 样式直接引入。
使用方式:复制 backInUp.css;给目标元素添加 backInUp 类,并设置 animation-duration。
适用场景:需要轻量入场动画的界面元素。
限制与注意事项:官方建议克制使用,避免同时对大量元素使用,或对必读内容使用;需标注 Animate.css 及 Hippocratic-2.1 许可证。关于具体参数、浏览器支持范围、更多配置等资料暂未提供。