用途:为元素提供快速的、即插即用的下滑入场动画,属于 motion-anything 的一部分,采用 CSS 关键帧实现,无需 JavaScript。
使用方式:复制 slideInDown.css 文件,然后为需要动画的元素添加 slideInDown 类,并设置 animation-duration 来控制动画时长。
无障碍:遵循 prefers-reduced-motion 用户偏好;当用户设置减少动态效果时,该动画会被禁用,以尊重用户的系统设置。
限制与注意:官方建议保持克制,不要在同一时间对大量元素使用该动画,也不要将其用于必须阅读的内容,以免影响可读性与体验。
许可:源自 Animate.css,采用 Hippocratic License 2.1,版权归 Daniel Eden;使用时需按要求保留署名。