SuperAPI AI 工具集

anim-flipinx

前端与建站

查看项目

更新于 10-16 09:34

技能介绍

用途:Flip In X 是一个可直接使用的 CSS 关键帧入场动画,取自 Animate.css(Hippocratic-2.1,© Daniel Eden),属于 motion-anything 的一部分,无需 JavaScript 即可实现翻转进入效果。

主要能力与使用方式:复制 flipInX.css,给目标元素添加 flipInX 类名并设置 animation-duration,即可获得翻转入场动画。

适用场景:适合需要快速加入、不依赖脚本的轻量入场动效,例如元素初次出现时的提示性动画。

限制与注意事项:官方建议克制使用,不适合一次性对大量元素触发,也不适合用于必须阅读的内容;在 prefers-reduced-motion 生效时动画会被禁用;使用时需保留对 Animate.css(Hippocratic-2.1)的署名。资料未提供更多平台、浏览器兼容或定价信息。