Neumorphism

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

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

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

border-radius: 50px;
background: #ffffff;
box-shadow: inset 20px 20px 60px #d9d9d9,
            inset -20px -20px 60px #ffffff;

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

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

Similar codes