01 · 按钮涟漪
点击时以点击位置为圆心，向外扩散涟漪。
微交互动效集 · 8 个 Demo
悬停或点击触发。统一强调色 #6366f1，白底卡片，浅灰边框。
02 · 卡片悬浮
hover 时阴影抬升、轻微 scale，整张卡片响应。
将鼠标移入此卡片即可看到效果 ↗
03 · 开关 Toggle
滑动 + 颜色变化，开 / 关反馈清晰。
04 · 勾选 Checkbox
打勾时画 √ 路径动画，颜色一并填入。
05 · 浮动 Label 输入框
focus 时 label 上浮并缩小，颜色随之切换。
06 · 徽章数字 +1
hover 时数字跳动一下并加一。
128
关注者
07 · 点赞心形
点击后心形填充，并朝四周撒出小圆点。
256
08 · 菜单下划线
hover 时底部出现彩色下划线，宽度从 0 扩到 100%。