Gerador de Gradientes CSS
Crie gradientes CSS bonitos com um editor visual intuitivo. Escolha entre predefinições ou personalize cores, posições e ângulos.
0°90°180°270°360°
%
%
background: linear-gradient(135deg, #00d4ff 0%, #a855f7 100%);
CSS Gradients - Detalhes Técnicos
CSS gradients let you display smooth transitions between two or more colors. They're created using the background-image property with linear-gradient() or radial-gradient() functions.
Alternativa via Linha de Comando
/* Linear Gradient */\nbackground: linear-gradient(135deg, #00d4ff, #a855f7);\n\n/* Radial Gradient */\nbackground: radial-gradient(circle, #00d4ff, #a855f7);