SuperAPI AI 工具集

anim-backoutleft

设计与创作

查看项目

更新于 10-16 10:35

技能介绍

Animate · Back Out Left

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

用途

它提供一种快速的、即取即用的 CSS 退出动画,无需编写 JavaScript。

主要能力

以 CSS 关键帧形式实现元素的退出动效;不需要 JS;遵循 prefers-reduced-motion 设置。

使用方式

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

适用场景

适合需要快速加入轻量 CSS 退出动画的界面元素。

限制与注意事项

资料提示应保持克制,不建议在许多元素上同时使用,也不建议用于必读内容。该动画在 prefers-reduced-motion 下会被禁用。

许可与署名

遵循 Hippocratic License 2.1,© Daniel Eden;使用时需注明 Animate.css(Hippocratic-2.1)。

其他信息

关于动画的具体参数、时长、缓动曲线、浏览器兼容范围、文件体积及更多平台支持等信息,资料暂未提供。