SuperAPI AI 工具集

anim-bounceinright

设计与创作

查看项目

更新于 10-16 11:35

技能介绍

用途

anim-bounceinright 提供一个名为 Bounce In Right 的 CSS 关键帧入场动画,来源于 Animate.css(Hippocratic License 2.1,© Daniel Eden),是 motion-anything 项目的一部分。其定位是快速、即插即用的 CSS 入场动画,不需要 JavaScript。

主要能力

以 CSS 关键帧实现入场动画,无需 JS。 尊重 prefers-reduced-motion:在该偏好开启时动画被禁用。

使用方式

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

适用场景

适合需要快速、可直接套用的 CSS 入场动画的场合。

限制与注意事项

应保持克制:不要在同一时间对大量元素使用,或用于必须阅读的内容。 采用 Hippocratic License 2.1,使用时需署名 Animate.css(Hippocratic-2.1)。

其他信息

官网/来源页面:https://www.skills.sh/nexu-io/motion-anything/anim-bounceinright 来源项目:nexu-io/motion-anything