How to add hover transition effects

Learn how to add hover transition effects with CSS.

Hover transition

CSS transitions allow you to smoothly change the value of an attribute over a given duration (from one value to another).

Add a transition effect (opacity and background color) to the button when the mouse hovers:

Eksempel

Mouse hover fade in:

Prøv det selv

Eksempel

Baggrund fade, når musen hæves:

Prøv det selv

Relaterede sider

Tutorial:CSS overgang