Soft UI/Neumorphic Button CSS Generator

Drag the slider and see changes

.primary-button {
background-color: #ffeac2;
width: 100px;
height: 100px;
border-radius: 25%;
box-shadow: 25px 25px 50px rgba(0, 0, 0, 0.3), -25px -25px 50px rgba(255, 255, 255, 0.3);
}

.background-button {
background-color: #b69c6d;
width: 100px;
height: 100px;
border-radius: 25%;
box-shadow: 25px 25px 50px rgba(0, 0, 0, 0.3), -25px -25px 50px rgba(255, 255, 255, 0.3);
}

General

0px

0%

Primary Button

0px
0px

Background Button

0px
0px