设计

CSS 渐变生成器

可视化生成精美的 CSS 渐变效果。在你的设备上运行——不上传、不存储任何内容。

角度135deg

方向预设

预览

色标

位置0%

不透明度100%

位置100%

不透明度100%

生成的 CSS

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

预设渐变

点击预设立即加载

关于CSS 渐变生成器

可视化生成精美的 CSS 渐变效果。

CSS 渐变生成器是 BrowseryTools 上“设计与视觉”分类中的一款免费工具。它完全在您的浏览器中运行：您交给它的内容都在本机处理，不会上传到任何服务器；无需注册，没有广告，也没有水印。页面加载完成后，断网也能继续使用。