微交互动效集

点击我

按钮涟漪

少量 JS点击坐标决定扩散圆心

悬浮卡片 把指针移到这里

卡片悬浮

CSS-only阴影抬升 + 轻微 scale

通知

开关 Toggle

CSS-only滑块位移与轨道变色

同意条款

勾选 Checkbox

CSS-only勾路径 stroke-dashoffset

邮箱地址

输入框浮动 Label

CSS-onlyfocus 时上浮缩小

89

徽章数字变化

CSS-onlyhover 时滚动到 +1

点赞心形

少量 JS填充 + 点击处撒小圆点

菜单下划线

CSS-only宽度从 0 过渡到 100%