用途:anim-rollin 提供一个可直接使用的 CSS 关键帧入场动画 Roll In,来源于 Animate.css(Hippocratic License 2.1,© Daniel Eden),属于 motion-anything 的一部分。
主要能力:纯 CSS 实现,无需 JavaScript 即可为元素添加入场动画;遵循 prefers-reduced-motion,用户在系统层面要求减少动态效果时动画会被禁用。
使用方式:复制 rollIn.css,然后为需要动画的元素添加 rollIn 类,并设置 animation-duration。
适用场景:适合需要快速、轻量的入场动效的页面元素。
限制与注意事项:资料明确建议克制使用,避免一次对过多元素应用,或用于必须阅读的内容;动画在 prefers-reduced-motion 下会被禁用;使用时需按 Hippocratic License 2.1 署名 Animate.css(© Daniel Eden)。关于具体代码、参数或价格等细节,资料未提供。