SuperAPI AI 工具集

xyz-fade-down

写作与研究

查看项目

更新于 10-16 01:37

技能介绍

用途:Fade Down 是 AnimXYZ(MIT)提供的可组合入场效果,属于 motion-anything 集合,用于让元素以淡入加下移的方式进入视图,无需手写关键帧。

主要能力:通过 xyz 属性声明式地混合 fade、move、scale、rotate 等效果,例如 xyz="fade down-3",其中数字用于调节强度。

使用方式:1. 引入 @animxyz/core 的 CSS;2. 在元素上设置 xyz="fade down-3";3. 切换 xyz-in / xyz-out 类来控制入场与出场。

适用场景:需要快速为界面元素添加统一入场动画、又不想维护关键帧的项目。

限制与注意:仅为单个效果引入约 100KB 的核心 CSS 可能不划算;不宜在大量元素上过度使用。无障碍方面,prefers-reduced-motion 下不自动播放。许可为 MIT。具体安装命令与完整 API 暂未提供。