SuperAPI AI 工具集

anim-fadeinrightbig

设计与创作

查看项目

更新于 10-16 10:35

技能介绍

Fade In Right Big 是一个来自 Animate.css 的 CSS 关键帧动画,采用 Hippocratic License 2.1 许可,版权归 Daniel Eden 所有,并作为 motion-anything 项目的一部分提供。

用途

它用于给页面元素添加一个从右侧、以较大位移淡入的入场动画效果,属于“即放即用”的纯 CSS 动画,不需要编写 JavaScript。

主要能力

该动画以 CSS 关键帧形式提供,文件为 fadeInRightBig.css。它无需 JS 支持,并且遵循 prefers-reduced-motion:当用户系统或浏览器偏好减少动态效果时,该动画会被禁用,从而兼顾可访问性。

使用方式

根据资料,使用步骤如下:1. 复制 fadeInRightBig.css;2. 为目标元素添加 fadeInRightBig 类,并设置 animation-duration。资料未提供更多安装命令、导入方式或参数细节。

适用场景

适合需要快速、轻量入场动画的场景,例如让某个元素从右侧较大距离淡入出现。资料强调应“保持克制”:不宜同时使用大量动画,也不建议用于必须阅读的内容。

限制与注意事项

该动画基于 Animate.css,使用时应保留对 Animate.css(Hippocratic-2.1)的署名。资料未提供关于收费、价格、平台兼容范围、效果保证或额外使用步骤的信息,这些内容暂未提供。