{}JSJSON

Gradient Art

Multi-layer gradients and CSS background patterns

模板：
图层 1
%
%
CSS 代码
background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);

CSS 渐变说明

渐变类型

  • linear-gradient() — 沿直线方向渐变
  • radial-gradient() — 从中心向外辐射渐变
  • conic-gradient() — 按角度旋转渐变

创作技巧

  • 多层叠加可创造复杂图案
  • 利用 background-size 控制重复
  • transparent 色标可做镂空效果
  • 锥形渐变适合色轮/仪表盘