用途:Rotate In 是一个可直接复用的 CSS 关键帧入场动画,用于元素进入时的旋转淡入效果,属于 Animate.css(Hippocratic License 2.1,© Daniel Eden),是 motion-anything 的一部分。
主要能力:纯 CSS 实现,无需 JS;内置对 prefers-reduced-motion 的支持,在用户偏好减少动态效果时禁用动画。
使用方式:先复制 rotateIn.css,然后为元素添加 rotateIn 类并设置 animation-duration。
适用场景:适合为单个元素添加快速入场动效。
限制:不宜同时大量使用,也不宜用在必须阅读的内容上,整体应保持克制。
授权与署名:需注明 Animate.css(Hippocratic-2.1)。具体代码内容、完整参数与更多用法资料暂未提供。