用途:这是一个即插即用的 CSS 离场动画,让元素从右侧 slide out,属于 motion-anything 的一部分,来源于 Animate.css。适合需要快速添加离场动效、又不想引入 JavaScript 的场景。
主要能力:提供 slideOutRight 关键帧动画,纯 CSS 实现,无需 JS;尊重系统的 prefers-reduced-motion 设置,在该偏好开启时动画会被禁用。
使用方式:复制 slideOutRight.css,为目标元素添加 slideOutRight 类,并设置 animation-duration。具体完整代码未在资料中提供。
适用场景:单个或少量元素的快速离场动画。
限制:不适合同时用于大量元素,也不适用于必须阅读的内容,应保持克制使用。授权为 Hippocratic License 2.1,版权归 Daniel Eden,使用时需署名 Animate.css(Hippocratic-2.1)。其他细节暂未提供。