SuperAPI AI 工具集

anim-fadeoutleft

前端与建站

查看项目

更新于 10-16 01:36

技能介绍

用途:Fade Out Left 是一个可直接使用的 CSS 关键帧退场动画,来自 Animate.css(Hippocratic License 2.1,© Daniel Eden),属于 motion-anything 项目。适合需要元素淡出并向左退场的场景,无需 JavaScript。

主要能力:提供纯 CSS 的关键帧动画效果,不需要编写脚本;遵循 prefers-reduced-motion,当用户系统开启减少动态效果时该动画会被禁用,兼顾无障碍体验。

使用方式:复制 fadeOutLeft.css 文件,然后为目标元素添加 fadeOutLeft 类,并设置 animation-duration 以控制动画时长。

适用场景:作为快速、即插即用的 CSS 退场动画,可用于界面元素淡出移除等过渡效果。

限制:该动画为退场效果,不适合大量元素同时使用,也不适合用在必须阅读的内容上,官方建议保持克制使用。使用时需保留对 Animate.css 的署名(Hippocratic-2.1)。其余细节,如具体时长取值、浏览器兼容范围等,暂未提供。