CSS 渐变生成
可视化生成线性 / 径向渐变，调整角度与颜色，实时预览并复制 CSS。
background: linear-gradient(135deg, #5b3df5, #b79bff);前端 / CSS
面向前端与设计的可视化生成器：CSS 渐变、box-shadow 阴影、圆角与调色板，所见即所得并一键复制代码。
box-shadow 生成
拖动滑块调整偏移、模糊、扩散与颜色透明度，实时预览阴影并复制 CSS。
box-shadow: 0px 12px 30px -6px rgba(91, 61, 245, 0.25);圆角生成
分别调节四个角的圆角大小，实时预览并复制 border-radius。
border-radius: 16px 16px 16px 16px;调色板生成
从一个主色出发，生成由浅到深的一整套色阶，点击即可复制色值。