按钮动画预览库
点击卡片查看 HTML / CSS 源码，全部本地预览
填充
Slide Fill
hover 时背景色从左侧滑入
Sweep Fill
背景从下往上扫过
Round Fill
圆形扩散填充（伪元素 scale）
Underline Slide
文字下方横线从左滑到右，文字按钮风格
Cut Reveal
斜向剪切遮罩划入填充
边框
Border Draw
hover 时边框像画画一样描出来
Gradient Border
渐变边框旋转流动
Border Shrink
初始全边框，hover 边框向内收缩消失
位移
Lift Up
上浮 + 阴影加深
Tilt 3D
3D 倾斜效果
Elastic Pop
hover 弹性弹簧放大，带回弹过冲效果
Shake Tremble
hover 轻微抖动震动效果
点击
Ripple
水波纹扩散（JS 辅助）
Press Squash
按下时压扁
3D Push
3D立体按压，模拟实体按钮下陷
Flash Blink
点击瞬间白色闪烁闪屏反馈
Click Scale Bounce
点击弹性缩放回弹，带回弹过冲
Click Offset Shadow
点击时阴影偏移，模拟按下下沉
Inner Flash
点击内部颜色瞬间变暗反馈
Corner Fill
点击从两个角向中间填充颜色
Ring Expand
点击向外扩散一圈圆环，松开消失
Skew Tap
点击轻微斜切变形，模拟物理按压
发光
Neon Glow
霓虹光晕（多层 box-shadow）
Pulse Ring
外圈脉冲扩散
Glow Pulse
持续呼吸脉冲光晕，不需要hover
Smoke Fade
hover 向外多层烟雾弥散淡光
磁性
Magnetic
鼠标靠近时按钮朝鼠标方向偏移（JS 辅助）
BitLeap · 本地计算 · 隐私优先