填充
Slide Fill
经典横向填充，干净、稳定，适合主按钮
点击查看源码
按钮不只是
变个颜色。
当前显示 20 个效果
hover
填充
Gradient Sweep
柔和渐变由下向上扫入，比原版更轻盈
点击查看源码
填充
Soft Bloom
圆形色块从中心扩散，修复原版文字变蓝问题
点击查看源码
填充
Diagonal Reveal
保留斜切感，但降低侵略性与跳变
点击查看源码
边框
Border Draw
四边依次描边，保留原有节奏并收紧时长
点击查看源码
边框
Aurora Border
渐变边框缓慢流动，适合展示型 CTA
点击查看源码
边框
Inset Border
边框向内收紧，改成更精致的双层框
点击查看源码
位移
Lift Up
保留：最实用的 hover 上浮反馈
点击查看源码
位移
Perspective Tilt
降低原版夸张倾斜，改为轻微透视
点击查看源码
位移
Elastic Pop
修复错误的 cubic-bezier 字符并减弱过冲
点击查看源码
点击
Ripple
保留：点击波纹反馈，适合主操作按钮
点击查看源码
点击
Soft Press
去掉横向压扁，改成更自然的整体按压
点击查看源码
点击
Soft 3D Push
保留实体按压感，但减薄阴影避免玩具感
点击查看源码
点击
Offset Press
保留复古偏移阴影，但收敛为 3px
点击查看源码
点击
Ring Expand
保留：简洁的点击外环扩散
点击查看源码
发光
Soft Neon
降低多层强光，改成精致霓虹边缘
点击查看源码
发光
Pulse Ring
保留：低频外圈呼吸，适合状态按钮
点击查看源码
发光
Ambient Glow
把原持续强光改成柔和环境光呼吸
点击查看源码
文字
Underline Slide
保留：非常适合文字型按钮和导航
点击查看源码
交互
Magnetic
鼠标靠近时轻微磁吸，使用 JS 驱动位置
点击查看源码
Curated
去掉廉价感
删除抖动、闪屏等高干扰效果，保留更适合现代 UI 的反馈。
Interaction
真实交互
Ripple 与 Magnetic 不是假预览，页面里可以直接操作。
Source
HTML + CSS
弹窗内分别复制结构和样式，接入项目更直接。
BitLeap · 本地计算 · 隐私优先