Gerador de Box Shadow CSS
Gere visualmente propriedades CSS box-shadow com controles deslizantes. Veja uma pré-visualização em tempo real e copie o código CSS gerado.
CSS
Funcionalidades
Slider controls
Color picker
Inset toggle
Multiple layers
Live preview & CSS code
Como Usar
1. Arraste os controles deslizantes para deslocamento X, deslocamento Y, desfoque e expansão.
2. Selecione uma cor com o seletor de cores.
3. Ative Inset para sombra interna.
4. Copie o código CSS gerado.
Perguntas Frequentes
What is box-shadow?
The CSS box-shadow property adds shadow effects around an element's frame.
Ferramentas Relacionadas
Gerador de Gradiente CSS
Crie gradientes CSS lineares, radiais e cônicos visualmente. Adicione múltiplos ...
Gerador de Border Radius CSS
Crie CSS border-radius visualmente — controle os quatro cantos individualmente o...
Playground CSS Flexbox
Aprenda e experimente com CSS Flexbox. Ajuste as propriedades do contêiner e obs...
Gerador de CSS Grid
Crie layouts CSS Grid visualmente. Defina linhas, colunas, espaçamentos e copie ...