SuperAPI AI 工具集

anim-fadeindown

设计与创作

查看项目

更新于 10-16 10:35

技能介绍

用途

Fade In Down 是一个来自 Animate.css 的 CSS 关键帧动画(Hippocratic-2.1 许可,© Daniel Eden),属于 motion-anything 项目。它提供一种快速、可直接引用的入场动画,无需 JavaScript。

主要能力

提供名为 fadeInDown 的 CSS 动画类,用于元素的入场过渡效果。具体动画曲线与时长细节暂未提供。

使用方式

  1. 复制 fadeInDown.css。
  2. 为目标元素添加 fadeInDown 类,并设置 animation-duration。

适用场景

适合需要快速加入 CSS 入场动画的场合。

限制与注意事项

应保持克制,避免在同一时间对大量元素使用,也不适合用于必须阅读的内容。动画遵循 prefers-reduced-motion,在用户偏好减弱动态效果时会被禁用。使用需署名 Animate.css(Hippocratic-2.1)。