Gerador de Gradientes CSS

Gere visualmente código CSS de gradientes lineares/radiais

tools.gradient-generator.presets

tools.gradient-generator.gradientType

tools.gradient-generator.angle：135°

tools.gradient-generator.colorStops

100%

tools.gradient-generator.cssCode

background: linear-gradient(135deg, #1677FF 0%, #9C27B0 100%);

工具说明

Gerador de gradientes CSS online compatível com gradientes lineares e radiais. Controle visualmente os pontos de cor, ângulo e posição. Copie o código CSS com um clique.

gradientcss渐变线性渐变径向渐变linear-gradient