Controles

Modo Escuro (Dark UI)

Cor de Fundo (Base)

Largura 200px

Altura 200px

Border Radius 20px

Distancia (offset) 10px

Desfoque (blur) 20px

Intensidade (opacidade) 0.20

Tipo de Efeito

Forma

Sombra Clara (auto-calculada)

Sombra Escura (auto-calculada)

Preview

Neomorfismo

CSS Gerado

/* Ajuste os controles para gerar o CSS */

Variante Glassmorfismo

Sobre Neomorfismo (Neumorphism)

O Neomorfismo e uma tendencia de design UI que combina o estilo flat com elementos realistas usando sombras sutis. Cria a ilusao de que os elementos estao "extrudados" da superficie.

Flat (Convexo)

O elemento parece projetado para fora da superficie. Usa sombra clara no topo-esquerda e sombra escura no baixo-direita.

Pressed (Concavo)

O elemento parece afundado na superficie (efeito pressionado). As sombras sao invertidas para criar a ilusao de profundidade negativa.

Crisp (Bordas nitidas)

Variante com sombras de bordas mais definidas, sem desfoque suave. Cria um efeito mais geometrico e moderno.

Outlined (Contorno)

Apenas um contorno sutil com sombra dupla nas bordas, criando efeito de painel flutuante com profundidade minima.