32+ Css Background Color Transition On Hover
Pics. Css transitions allows you to change property values smoothly (from one value to another), over a given duration. Just put a url to it here and we'll apply it, in the order you have them, before the css in the pen itself.
Https Encrypted Tbn0 Gstatic Com Images Q Tbn 3aand9gcqrtipbf1myevngfjxubhpm5otvw Gsnk87lg Usqp Cau from i.stack.imgur.com
Here is my css code note: 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. You have options to create background color on hover using css and jquery.
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.
As you hover on the quotes, the background will change upon which quote you hover upon. 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. Using css is the simple way of creating background hover effect while jquery need some script and hover function to create hover effect. Best viewed on a tablet or desktop screens.
