ホーム Design Toolsニューモーフィズム生成

ニューモーフィズム生成

ニューモーフィズムデザインのCSSを生成。影と色でソフトな立体UI効果を作成。

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;