Neumorphism

Soft UI / neumorphic design style

Effect

Live preview

Preview

CSS

background: #e0e0e0;
border-radius: 16px;
box-shadow: 8px 8px 16px #bebebe, -8px -8px 16px #ffffff;

Browser support

All modern browsers. Best on light backgrounds.

Related tools

CSS Gradient Generator Box Shadow Generator CSS Property Explorer

Other CSS examples

Soft Box Shadow Elevated Box Shadow Neon Glow Shadow Blue to Purple Gradient Sunset Gradient Ocean Gradient Emerald Gradient Glassmorphism Text Gradient Smooth Scroll Truncate Text (Ellipsis)Center with Position Center with Flexbox Center with Grid