Gerador de Box Shadow
Crie sombras CSS visualmente com multiplas camadas, controles de cor e opacidade, e copie o codigo instantaneamente.
Camadas de sombra
Camada 1
0.15
Interna
Predefinicoes
Pre-visualizacao
Codigo CSS
Ctrl+Enter executarCtrl+Shift+C copiar
Saiba mais
Gerador de Box Shadow: Projete sombras CSS visualmente
Crie sombras CSS complexas com um editor visual. Múltiplas camadas e presets.
O que é CSS box-shadow?
A propriedade CSS box-shadow adiciona efeitos de sombra ao redor da moldura de um elemento. É uma das propriedades CSS mais utilizadas para criar profundidade e hierarquia visual no design web. Uma única declaração box-shadow pode incluir deslocamentos horizontais e verticais, raio de desfoque, raio de expansão e cor.
7 min de leituraLer o guia completo