How to add hover transition effects

Learn how to add hover transition effects using CSS.

Hover transition

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

Add a transition effect (opacity and background color) to the button when hovering over it:

Esempio

Hover in:

Prova tu stesso

Esempio

Sfumatura di sfondo quando il mouse è sopra:

Prova tu stesso

Pagine correlate

Tutorial:Transizione CSS