SuperAPI AI 工具集

bounce-cards

设计与创作

查看项目

更新于 10-16 09:34

技能介绍

用途:bounce-cards 用于小型卡片组(3–5 张)的入场展示,卡片在进入视图时以弹簧式动态扇形展开并落位,适合做简洁的首屏或英雄区。

主要能力:提供一套卡片堆叠展开的动画效果,支持进入视图时触发;无外部依赖;对减少动态效果偏好安全,在 prefers-reduced-motion 下以平面/瞬时方式显示,不播放动画。

使用方式:复制其 CSS 与 JS,并按给定结构书写标记:<div class="bcards"><div class="bc">…</div><div class="bc">…</div><div class="bc">…</div></div>。每个视图只使用一组卡片。

适用场景:适合卡片数量很少、需要活泼入场效果的页面区块。

限制:资料未说明具体安装命令、收费方式、浏览器兼容范围或自定义参数,这些暂未提供;资料明确每个视图只用一组,且需处理 prefers-reduced-motion 场景。