Gerador de Sombra e Borda Arredondada CSS
Design e GráficosAjuste visualmente deslocamento de sombras, desfoque, propagação (box-shadow) e raio de bordas (border-radius) com código pronto.
Simulação de caixa e sombra em tempo real
Fundo do canvas:
Caixa de pré-visualização
24pxPropriedades da sombra
Deslocamento X0px
Deslocamento Y10px
Raio de desfoque25px
Raio de propagação-5px
Opacidade%30
Raio da borda e cor da caixa
Raio de todos os cantos24px
CSS pronto para usar
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.30);
border-radius: 24px;
background-color: #FFFFFF;
☕Apoio a Projeto Independente
Gostou do ToolsApp? Pague-nos um café
O ToolsApp funciona 100% no seu navegador, sem assinaturas e sem rastreamento de dados. Acreditamos que utilitários digitais essenciais devem ser livres e acessíveis para todos. Seu apoio nos ajuda a manter a plataforma e criar novas ferramentas!
100% No Navegador•Gratuito para Todos
Como Usar?
1
Ajustar Controlos de Sombra
Ajuste os controlos de deslocamento X e Y, raio de desfoque, propagação e opacidade.
2
Definir Raio dos Cantos
Arredonde todos os cantos em conjunto ou personalize cada canto individualmente.
3
Copiar CSS
Copie instantaneamente o trecho de código CSS gerado.
Privacidade TotalTodos os cálculos e processamentos de arquivos ocorrem 100% localmente no seu navegador via JavaScript no lado do cliente.
Avaliações e Comentários de Usuários
Compartilhe sua experiência anonimamente. Moderado automaticamente por IA.
5.0
•0 avaliaçõesAvaliações Aprovadas (0)
Carregando avaliações...