Crie sombras CSS com editor visual
Visualização
Camadas de Sombra
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
Crie sombras CSS profissionais com nosso editor visual. Adicione profundidade e dimensão aos seus elementos de UI com camadas de sombra personalizáveis. Ajuste offset, blur, spread e cor em tempo real.
Como Usar
- 1Ajuste offset horizontal e vertical com os controles
- 2Defina o raio de blur para sombras suaves ou nítidas
- 3Ajuste o spread para expandir ou encolher a sombra
- 4Escolha uma cor de sombra e opacidade
- 5Adicione múltiplas camadas e copie o código CSS