用途:Swing 是 Animate.css 提供的 CSS 关键帧强调动画,属于 motion-anything,适合快速、直接嵌入页面产生强调动效,无需 JavaScript。
主要能力:以 CSS 类方式触发摆动强调动画,可在开启 prefers-reduced-motion 时自动禁用,兼顾无障碍。
使用方式:复制 swing.css,为元素添加 swing 类,并设置 animation-duration。
适用场景:需要轻量强调动效的界面元素。
限制:应克制使用,避免同一页面大量使用或用于必须阅读的内容;使用时需署名 Animate.css,许可为 Hippocratic-2.1(© Daniel Eden)。