🎨CSS & Color

Neumorphism Soft UI

The "Soft UI" look using light and dark shadows.

Explanation

Neumorphism creates a physical, extruded look by using two shadows: one light and one dark.

Neumorphic Box

Output

shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff

CSS

.soft-btn {
  background: #e0e0e0;
  box-shadow: 20px 20px 60px #bebebe,
             -20px -20px 60px #ffffff;
  border-radius: 50px;
}