Core Code
Core Code Modern Dev Handbook

Hover Button Effect

Change button styles on hover.

Preview

Code

<style>
button{
background:#2563eb;
color:white;
border:none;
padding:10px 16px;
transition:background .3s;
}

button:hover{
background:#1d4ed8;
}
</style>

<button>Hover</button>

More CSS Buttons Examples (8)

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