Gerador de Efeito Neumorphism em CSS (Soft UI)
Design e GráficosCrie componentes elegantes em estilo Soft UI e Neumorphism com cálculos duplos de sombras suaves.
Configurações de Neumorfismo
#e0e5ec
Tamanho do elemento200px
Raio40px
Distância15px
Desfoque (Suavidade)30px
flat
CSS Code
border-radius: 40px; background: #e0e5ec; box-shadow: 15px 15px 30px #c7ccd3, -15px -15px 30px #f9feff;
☕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
Escolher Cor Base
Escolha a cor da superfície de fundo.
2
Ajustar Iluminação e Desfoque
Defina o ângulo da luz, a distância e o tipo de relevo.
3
Copiar CSS
Copie o código calculado de sombra dupla (box-shadow).
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...