SuperAPI AI 工具集

xyz-fade-small

设计与创作

查看项目

更新于 10-16 01:36

技能介绍

用途:Fade Small 是 AnimXYZ(MIT 许可)提供的声明式入场组合效果,属于 motion-anything 项目。适用于希望用属性而非关键帧实现淡入并伴随小幅缩放的场景。

主要能力:通过 xyz="fade small-50%" 在元素上混合 fade、move、scale、rotate 等效果,无需手写 keyframes。

使用方式:1. 引入 @animxyz/core 的 CSS。2. 在元素上设置 xyz="fade small-50%"。3. 通过切换 xyz-in / xyz-out 类名控制进入与退出动画。

适用场景:需要快速、声明式地给少量元素添加入场动效时使用。

限制与注意:仅为单一效果引入约 100KB 的核心 CSS 可能不划算,且不建议在大量元素上过度使用。在 prefers-reduced-motion 环境下不自动播放。许可为 MIT。

其它细节(如具体浏览器兼容范围、性能数据、收费信息)暂未提供。