SuperAPI AI 工具集

anim-backinleft

设计与创作

查看项目

更新于 10-16 10:35

技能介绍

Animate · Back In Left

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

用途

用于提供一个快速、可直接插入的 CSS 入场动画,无需 JavaScript 参与。

何时使用

适合作为轻量的入场动画,直接嵌入现有页面。

何时不使用(克制原则)

当页面上同时存在大量动画,或内容属于必须被阅读、不容干扰的部分时,应保持克制,避免滥用该动画。

使用方式

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

无障碍与许可证

支持 prefers-reduced-motion:在该偏好启用时动画会被禁用。使用时需标注 Animate.css(Hippocratic-2.1)。