用途:Fade Left 是 AnimXYZ(MIT)提供的可组合入场效果,属于 motion-anything 项目。它用于以声明方式实现元素淡入并伴随左向移动的入场动画,无需手写关键帧。
主要能力:通过 xyz="..." 属性把 fade、move、scale、rotate 等效果自由混合,例如 xyz="fade left-3"。
使用方式:1. 引入 @animxyz/core 的 CSS;2. 在元素上设置 xyz="fade left-3";3. 切换 xyz-in / xyz-out 类来触发入场与出场。
适用场景:需要快速为元素添加声明式入场动画、且愿意引入 AnimXYZ 核心样式的项目。
限制:仅为单个效果引入约 100KB 的核心 CSS 可能不划算;不宜在大量元素上过度使用。无障碍方面,prefers-reduced-motion 下不自动播放。许可为 MIT。