Início Design ToolsNeumorphism

Neumorphism

Gere efeitos neumórficos CSS online gratuitamente.

NeumorphicConcave (inset)

Base Color

#e0e5ec

Style

Shadow Depth: 8px

Blur: 16px

Border Radius: 16px

CSS Code

/* Neumorphic concave */
background: #e0e5ec;
border-radius: 16px;
box-shadow: 8px 8px 16px rgba(163,177,198,0.6) inset, -8px -8px 16px rgba(255,255,255,0.8) inset;