Tool overview
O que é Gradiente CSS?
Gradiente CSS é uma ferramenta que ajuda você a construir gradientes CSS lineares e radiais com pré-visualização ao vivo.
Por que usar Gradiente CSS?
Melhora a legibilidade e acelera seu fluxo quando você precisa construir gradientes CSS lineares e radiais com pré-visualização ao vivo, sem enviar dados a um servidor.
Recursos principais
Destaque de sintaxe instantâneo, detecção de erros, privacidade no cliente e cópia com um clique para gradiente CSS. Construir gradientes CSS lineares e radiais com pré-visualização ao vivo
Como usar
Siga estes passos para obter resultados precisos com a ferramenta acima.
- Add color stops and adjust angle or radial settings.
- Copy CSS background property to clipboard.
- Paste into design systems or component stylesheets.
Gradient CSS Output
Consulte exemplos válidos, entradas inválidas comuns e erros frequentes para esta utilidade.
Linear gradients
Angle in degrees with two or more color stops.
Radial gradients
Circle/ellipse shapes from center or custom position.
Perguntas frequentes
Respostas para problemas comuns e questões de privacidade de dados.
Documentação oficial e referências
Especificações e documentação da plataforma para esta utilidade.