title: How to change div background softly on hover?
body: <p>I was searching for a way to change the background of the body of the page when the user hovered a specific link on a page (I was planning to change the background to a different color depending on the link hovered), but i was intending to make this effect works softly, just like the <strong>transition</strong> effect in CSS.
  Is there any way to do it? Using JS or even CSS? </p>
  
  <p>For the hover effect i would use the JQuery's hover function, but I can't find any way for the softly transition stuff.</p>