neumorphism code example

Example 1: neumorphism

border-radius: 50px;
background: #535ef3;
box-shadow:  -21px -21px 42px #4750cf, 
             21px 21px 42px #5f6cff;

Example 2: neomorphic box

box-shadow: 20px 20px 50px #00d2c6, 
            -30px -30px 60px #00ffff;

Example 3: neumorphism

border-radius: 50px;
background: #0582c0;
box-shadow:  20px 20px 60px #046fa3,
             -20px -20px 60px #0696dd;

Example 4: Neumorphism

border-radius: 50px;
background: #EBE8E7;
box-shadow:  20px 20px 60px #c8c5c4,
             -20px -20px 60px #ffffff;

Example 5: neumorphism

border-radius: 50px;
background: #535ef3;
box-shadow:  21px 21px 42px #4750cf, 
             -21px -21px 42px #5f6cff;

Example 6: neumorphism

border-radius: 50px;
background: #ffffff;
box-shadow: inset 5px 5px 10px #b5b5b5, 
            inset -5px -5px 10px #ffffff;