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

0 vote238 views1 answer
How to use * in html
CSS
3 votes223 views1 answer
Diable focus button css
CSS
0 vote217 views2 answers
Css setting table column width
CSS
3 votes232 views2 answers
Css glow text
CSS
23 votes244 views2 answers
Center align in grid
CSS
0 vote238 views1 answer
Css grow
CSS
0 vote234 views1 answer
Statamic regex replace
CSS
12 votes248 views5 answers
Responsive font size
CSS
0 vote223 views1 answer
Css battle horizon answer
CSS
0 vote258 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap