CSS 生成器
阴影 · 渐变 · 缓动曲线 · 形状，实时预览一键复制
🎲 随机灵感
◧
box-shadow 阴影
∇
渐变背景
∿
贝塞尔缓动
⬠
clip-path 形状
所有参数自动保存在本机浏览器，刷新不丢失。复制的 CSS 可直接粘到样式表。
◧ 阴影图层
可多层叠加 · 拖动滑杆实时预览
＋ 添加阴影层
∇ 渐变
线性 / 径向 · 多色标可增删
渐变类型
线性 linear
径向 radial
角度
135°
色标 stops
＋ 添加色标
∿ cubic-bezier 缓动
拖拽两个控制点 · 实时曲线
x1
0.25
y1
0.10
x2
0.25
y2
1.00
常用预设
linear
ease
ease-in
ease-out
ease-in-out
material
back
⬠ clip-path 形状
点选预设，实时裁剪预览