Gerador de box-shadow CSS
Crie sombras com controles de deslocamento, desfoque, expansão e cor e copie o CSS.
Como usar
Build a shadow
Move the sliders to adjust the horizontal offset, vertical offset, blur and spread. Choose a color and enable inset for an inner shadow.
- Adjust the four sliders.
- Pick a shadow color.
- Copy the generated box-shadow declaration.
Negative values
Offsets and spread accept negative values, which move the shadow up or left and shrink it.
Perguntas frequentes
What is spread?
Spread expands or contracts the shadow before it is blurred. Positive values make the shadow larger.
Why is my shadow translucent?
The generated color includes partial transparency so the shadow blends with the background. Replace the color value if you want it fully opaque.
Ferramentas relacionadas
Gerador de border-radius
Visualize e copie valores de border-radius CSS para cada canto em pixels ou porcentagem.
Gerador de gradientes CSS
Crie gradientes CSS lineares ou radiais com visualização ao vivo e CSS pronto para copiar.
Formatador CSS
Embeleza CSS com uma propriedade por linha e recuo consistente.
Gerador de UUID / GUID
Gera UUIDs aleatórios da versão 4 e os copia um a um ou em massa.
Gerador de hash
Calcula resumos MD5, SHA-1, SHA-256 e SHA-512 de qualquer texto.
Conversor de timestamp
Converte entre timestamps Unix, ISO 8601 e datas locais legíveis.