SuperAPI AI 工具集

anim-bouncein

设计与创作

查看项目

更新于 10-16 10:35

技能介绍

Animate · Bounce In

Bounce In 是来自 Animate.css 的 CSS 关键帧动画(Hippocratic License 2.1,© Daniel Eden),属于 motion-anything 项目的一部分。

用途

一个快速、即插即用的 CSS 入场动画,无需 JavaScript。

主要能力

提供 bounceIn 动画效果,通过 CSS 类即可应用到元素上。

使用方式

  1. 复制 bounceIn.css。
  2. 给元素添加 bounceIn 类,并设置 animation-duration。

适用场景

适合需要快速、轻量入场动画的界面元素。

限制与注意事项

作者建议克制使用:不要在多个元素上同时使用,也不要用于必须阅读的重要内容。

无障碍与许可

遵循 prefers-reduced-motion:在用户偏好减少动态效果时禁用动画。使用时需署名 Animate.css(Hippocratic-2.1)。