用途:为元素提供一个快速、即插即用的从左滑入入场动画,属于 motion-anything 项目,无需编写 JavaScript。
主要能力:基于纯 CSS 关键帧实现;对设置了 prefers-reduced-motion 的用户会自动禁用动画;采用 Hippocratic-2.1 许可(版权归 Daniel Eden,源自 Animate.css)。
使用方式:复制 slideInLeft.css 文件,然后为目标元素添加 slideInLeft 类,并设置 animation-duration(例如指定动画时长);不需要引入 JS。
适用场景:适合作为单个元素的轻量入场动画,用于提升界面出现时的视觉过渡效果。
限制与注意:官方资料建议保持克制,不要在页面中同时对大量元素使用该动画,也不要将其用于必须阅读的内容,以免影响可读性与体验;动画时长需自行设置,具体取值范围暂未提供;仅支持从左滑入方向,其它方向或更复杂动效需参考同系列其它资源。
许可与归属:使用时需保留对 Animate.css 的归属说明,并遵守 Hippocratic-2.1 许可条款。