Core Code
Core Code Modern Dev Handbook

Button Shadow

Use box-shadow to add depth to buttons.

Preview

Code

<style>
button{
background:#9333ea;
color:white;
border:none;
padding:10px 18px;
box-shadow:0 4px 10px rgba(0,0,0,0.2);
}
</style>

<button>Shadow Button</button>

More CSS Buttons Examples (8)

example Basic CSS Button open example example Rounded Button open example example Outline Button open example example Hover Button Effect open example example Hover Lift Effect open example example Button Group open example example Pill Button open example example Disabled Button Style open example