ToolPilot
Design

Gerador de Box Shadow CSS

Crie sombras CSS em camadas com pré-visualização em tempo real e código pronto a copiar.

Crie sombras suaves e realistas combinando várias camadas. Ajuste o deslocamento, o desfoque, a expansão, a cor e o inset e depois copie o CSS.

Carregando a ferramenta…
Privacidade: Um utilitário ToolPilot rápido e privado. Seus dados são processados localmente no seu navegador sempre que possível.

Como

  1. 1Ajuste os controlos da sombra.
  2. 2Adicione uma segunda camada para profundidade, se necessário.
  3. 3Copie o CSS gerado.

Perguntas frequentes

Porque usar várias sombras?

Combinar uma sombra compacta com uma ampla e suave parece mais natural do que um único desfoque.

Os meus ficheiros são enviados para um servidor?

Não. Esta ferramenta funciona inteiramente no seu navegador com JavaScript e WebAssembly quando necessário. Os seus ficheiros e textos nunca saem do seu dispositivo.

Ajude-nos a melhorar

Melhoramos nossas ferramentas regularmente. Encontrou um problema ou tem uma sugestão? Estamos ouvindo.

Ferramentas relacionadas

🎨

Seletor de cores + HEX/RGB/HSL

🎯

Conversor HEX / RGB / HSL

🌈

Gerador de paletas

🌊

Gerador de gradientes CSS