Do you need a realistic 3d button for your website ?
Check The code I have posted below.
The HTML
<button>Click Me</button>The CSS
button {
background: #2f2f2f;
border: none;
padding: 10px 20px;
font-size: 14px;
border-radius: 4px;
color: #c4c4c4;
box-shadow:
1px 1px 5px #000,
-1px -1px 5px #6f6f6f,
inset 1px 1px 5px #2b2b2b,
inset -1px -1px 5px #424242;
transition: all 0.1s;
}
body {
background: #2f2f2f;
}
button:active {
box-shadow:
1px 1px 5px #5b5b5b,
-1px -1px 5px #000,
inset 1px 1px 5px #5b5b5b,
inset -1px -1px 5px #000;
}