Add a transition effect (opacity and background color) to a button on hover
Get Css Transition Background Color Hover
Pics. Let's try out an example to understand how it basically works Here is a live demonstration of such a transition
Animation Using Css Transforms Css The Art Of Web from www.the-art-of-web.com
Let's try out an example to understand how it basically works Css transitions are actually relatively straight forward to add to existing hover functionality, and give your site that extra polish for browsers that support css3. You can use all to transition all properties.
Here is a live demonstration of such a transition
Instead of the hover css rules being instantaneous, both the background and the text colors are slowly animated. 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. Instead of the hover css rules being instantaneous, both the background and the text colors are slowly animated. This time, the background and text color changes on hover, so we can target both of these properties with our transition.
