用途:Rotate In Up Left 是一段可直接引入的 CSS 关键帧入场动画,用于让元素以从左上方旋转的方式进入视野,无需编写 JavaScript。它来源于 Animate.css(Hippocratic License 2.1,© Daniel Eden),是 motion-anything 项目的一部分。
主要能力:纯 CSS 关键帧实现的入场动画效果,不依赖 JS,并遵循 prefers-reduced-motion——当用户开启减少动态效果偏好时动画被禁用。
使用方式:复制 rotateInUpLeft.css;为需要动画的元素添加 rotateInUpLeft 类,并设置 animation-duration。
适用场景:适合少量、非关键的视觉点缀型入场动画。
限制:官方建议保持克制,不要在同一页面大量使用,也不要用于必须阅读的核心内容。使用时需按 Hippocratic-2.1 许可署名 Animate.css。关于具体时长、缓动参数、浏览器兼容范围等细节,资料暂未提供。