动效

弹跳卡片Bounce Cards

你可能会说

几张照片卡像手牌一样斜着摊开，鼠标一放上去就弹正、旁边的卡让开，点一下还会抖两下。

弹跳卡片是「扇形叠放 + 弹簧物理」的交互动效：卡片按固定节奏左右旋转叠开，入场时依次从 0 缩放进场，靠错峰形成波浪感。它的交互全部由同一个阻尼弹簧驱动：悬停的卡抽正、轻抬、放大，左右邻卡被推开让出位置；点击会补一记速度脉冲，让卡像被戳了一下。把 Spread / Rotation / Arc / Bounce / Push / Corner 暴露成滑杆，能当场调出想要的松紧。

也常被叫作Bounce Cards弹簧卡片扇形卡片

设计原则 · Principles

一张卡只干一件事：悬停只负责「抽正 + 抬升 + 放大」，推开邻卡交给另一条目标线，两种反馈叠加但不互相抢
入场靠错峰制造波浪：每张卡延迟 60–70ms 依次弹入，比同时弹出更像一叠牌被摊开
弹簧参数就是手感：Bounce 调阻尼、Push 调让位距离，把内部参数暴露成滑杆，观众当场就能对比「脆」和「软」
点击给一记速度脉冲：不换内容、不跳页，只往弹簧里推一点速度，反馈轻但确认感明确