Get Css3 Transition Background Color Hover Background

Let's start with this dead simple.

Get Css3 Transition Background Color Hover Background. Let's start with this dead simple. This will animate the color property when you hover over a link on the page.

A Simple Example To Understand Css Transition
A Simple Example To Understand Css Transition from daqxzxzy8xq3u.cloudfront.net
I could not find any cool background transitions for hover with simple css, here is a few things i played with. Let's start with this dead simple. Add a transition effect (opacity and background color) to a button on hover

Let's try out an example to understand how it basically works

I could not find any cool background transitions for hover with simple css, here is a few things i played with. How to use css transitions to animate content in safari, chrome, firefox, opera and internet explorer 10. As pointed out by gerald in the comments, if you put the transition on the a, instead of on a:hover it will fade back to the original color when your mouse. Add a transition effect (opacity and background color) to a button on hover