Gerador de Sombra CSS
Monte visualmente um box-shadow de CSS e copie o código pronto.
Deslocamento X: 0px
Deslocamento Y: 10px
Desfoque: 20px
Espalhamento: 0px
Opacidade: 25%
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
Espaço reservado para anúncio
Como usar
Ajuste deslocamento, desfoque, espalhamento, cor e opacidade com controles visuais e veja o resultado em tempo real, com o código `box-shadow` pronto para copiar.
Exemplo de uso
Exemplo: uma sombra suave para cards costuma usar deslocamento Y de 10px, desfoque de 20px e opacidade baixa.
Ferramentas relacionadas
Espaço reservado para anúncio