Animate · Fade In Down Big
Fade In Down Big 是来自 Animate.css 的一个 CSS 关键帧动画(Hippocratic License 2.1,© Daniel Eden),它也是 motion-anything 项目的一部分。
用途
该动画用于提供一个快速、即插即用的 CSS 入场动画,不需要 JavaScript。它的效果是元素从上方较大距离向下移动并伴随淡入出现。
主要能力
作为一个纯 CSS 关键帧动画,它不需要引入或运行任何 JavaScript 代码。它支持 prefers-reduced-motion:当用户或系统开启减少动画偏好时,该动画会被禁用,以满足无障碍方面的考虑。
使用方式
- 复制 fadeInDownBig.css。
- 为需要动画的元素添加 fadeInDownBig 类,并设置 animation-duration。
适用场景
适合需要快速加入入场动效的页面元素,可以直接使用 CSS 类完成,无需额外的脚本逻辑。
限制与克制使用
资料明确提示应克制使用该动画:不宜在同一时间大量使用,也不宜用在必须阅读的内容上。关于该动画在其他平台或框架中的兼容性、具体的 animation-duration 建议值、完整代码内容以及更多参数细节,资料中暂未提供。