🌑 Dev

Gerador de Sombra CSS

Crie sombras CSS (box-shadow) com prévia em tempo real. Configure múltiplas camadas de sombra, cor, desfoque, expansão e inset. Copie o código CSS.

Elemento de exemplo

box-shadow

Como usar?

Ajuste os parâmetros de cada camada de sombra e veja o resultado em tempo real. Múltiplas camadas criam efeitos mais sofisticados. Ative inset para criar sombras internas (recorte).

Ferramentas Relacionadas

🔍

Decodificador Pix

Decodifica BR Code Pix (texto começando com 0002...) extraindo chave, valor, beneficiário, cidade e identificador.

🔍

Buscador de Ícones

Busca ícones SVG da biblioteca Lucide (1300+ ícones) por nome. Copia o SVG ou o nome do componente.

🔐

Formatador .env

Formata arquivos .env: alfabetiza variáveis, agrupa por prefixo, escapa valores com aspas e remove duplicatas.