Gerador de QR Code
Crie valores de box-shadow CSS visualmente com prévia ao vivo — suporta múltiplas camadas.
Sobre esta ferramenta
Projete sombras CSS sem adivinhar números. Ajuste deslocamentos horizontal e vertical, raio de desfoque, espalhamento, cor e o sinalizador inset de forma interativa. Empilhe múltiplas camadas de sombra para efeitos de profundidade sofisticados. Um card de prévia ao vivo mostra o resultado instantaneamente, e a declaração CSS completa está sempre pronta para copiar.
Como usar
- 1 Ajuste os controles deslizantes de deslocamento, desfoque e espalhamento na primeira camada.
- 2 Escolha uma cor de sombra e ative inset se necessário.
- 3 Clique em 'Adicionar Camada' para empilhar sombras adicionais para efeitos complexos.
- 4 Copie a declaração CSS box-shadow e cole em sua folha de estilos.
Perguntas frequentes
Crie visualmente gradientes CSS lineares e radiais e copie a propriedade CSS pronta para uso.
Converta cores entre HEX, RGB, HSL, HSV e CMYK — com prévia em tempo real.
Gere paletas de cores harmoniosas — complementares, triádicas, análogas e split-complementares — a partir de qualquer cor base.