Gerador Neumorfismo CSS

Crie efeitos CSS de soft UI (neumorfismo) com preview ao vivo

Configurações

Cor de fundo#e0e5ec

Forma

Tamanho150px

Raio da borda20px

Distância da sombra20px

Desfoque40px

Intensidade15%

border-radius: 20px;
background: #e0e5ec;
box-shadow: 20px 20px 40px #bec3c9, -20px -20px 40px #e5e9ef;

Para que serve Gerador Neumorfismo CSS?

Crie efeitos CSS de soft UI (neumorfismo) com preview ao vivo

O que devo conferir no resultado?

Confira o resultado com seu conteúdo real e em diferentes tamanhos de tela. Verifique legibilidade e compatibilidade nos navegadores atendidos.