🎉 FLASH SALE: Get up to 90% OFF on annual hosting plans!View Offers →

CSS Neumorphism Generator

Adjust radius, offset, and blur on a soft background.

BackgroundBorder radius (px)

Offset

Blur

Preview

CSS

background: #e0e5ec;
border-radius: 16px;
box-shadow: 10px 10px 20px #a3b1c6, -10px -10px 20px #ffffff;