纯前端 · 无依赖 · 全部可交互
把细节做成手感
八组可以直接上手玩的效果：拖一拖、转一转、按一按、搜一搜。下面的搜索框本身就是一个效果，而且真的能筛选演示。
01
液态玻璃
拖拽卡片移动，再调模糊与通透度，看材质怎么变
glass material
玻璃材质卡片
背景模糊、饱和度提升与内描边高光叠加出来的通透感。按住我拖动。
02
机械旋钮
上下拖拽、滚轮或 ↑↓ 键，灯珠会跟着点亮
50
音量
拖拽 / 滚轮 / ↑↓
03
拟态控件
双光源阴影做的凹凸质感：按住看回弹，转旋钮看角度
34档位
按住按钮不松手
04
按钮
两个方向的细节：反差扫光，和渐变高光
点一下按钮看状态变化
05
启动按钮
点一下亮起旋转灯光，再点一下熄灭
灯灭 · 点击启动
06
水滴
点一下它会晃，点空白处会生成新的水珠
08
发光输入框
聚焦时边框流动，输入后回车看它长出气泡
没有匹配的效果，换个关键词试试。