Core Code
Core Code Modern Dev Handbook

Hover Lift Effect

Buttons can lift slightly on hover using transform.

Preview

Code

<style>
button{
background:#22c55e;
color:white;
border:none;
padding:10px 18px;
transition:transform .2s;
}

button:hover{
transform:translateY(-2px);
}
</style>

<button>Lift 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 Button Shadow open example example Button Group open example example Pill Button open example example Disabled Button Style open example