用途:Slide Out Left 是一个可直接嵌入的 CSS 退场动画,让元素向左滑出,属于 motion-anything 系列的 Animate.css 关键帧动画,无需 JavaScript 即可使用。
主要能力:提供 slideOutLeft 关键帧动画,通过添加类名触发;遵循 prefers-reduced-motion,在用户偏好减少动态效果时该动画会被禁用。
使用方式:复制 slideOutLeft.css;给目标元素添加 slideOutLeft 类,并设置 animation-duration。
适用场景:适合需要快速加入退场动效的界面元素。
限制与注意:官方建议保持克制,不要同时使用过多动画,也不要对必须阅读的内容使用;使用需署名 Animate.css(Hippocratic-2.1 许可,© Daniel Eden)。具体平台或集成细节暂未提供。