홈 Design Tools뉴모피즘

뉴모피즘

무료 온라인 뉴모피즘 생성기입니다. 부드러운 입체 효과 CSS를 만드세요.

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;