Home

Blogs

Neumorphism CSS Generator

Settings

250px
50px
12px
24px
0.15

CSS


  .neumorphism {
    borderRadius: 50px;
    webkitBorderRadius: 50px;
    background: rgb(241, 241, 242);
    boxShadow: 12px 12px 24px #262626, -12px -12px 24px  #ffffff
    WebkitBoxShadow: 12px 12px 24px #262626, -12px -12px 24px  #ffffff
    minWidth: 250px;
    minHeight: 250px;
  }
  

Neumorphism Example

Neumorphism Card
Neumorphism Card
Neumorphism Login Form
Neumorphism Login Form
Neumorphism Like Button
Neumorphism Like Button
Neumorphism Wifi Button
Neumorphism Wifi Button
Neumorphism Input Box
Neumorphism Input Box
Neumorphism Profile Card
Neumorphism Profile Card