Taking too long to load?   check status here.

Hello there, sorry but this web page can only be viewed properly in larger screens (screens larger than 768px). This is because this tool fits only on larger screens. If you want to use the tool anyway, please enable Desktop Site on your mobile browser.

Neumorphic CSS Generator

.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%


First Object

0px
0px

Second Object/Background

0px
0px