Tell me more ×  I want to change the background color of the
page when one hovers over a button/div tag using only CSS3
transitions. I want the color to come gradually and hence would
like to use a transition effect, but I don't know how to relate
the background color of the page to a hover event on a div. Can
someone please help me with my code ? Thank You  share|improve
this question I don't think it's possible with CSS only. – 
MarcinJuraszek Mar 18 '12 at 15:36 add comment  2 Answers  up
vote 1 down vote accepted  This is not currently possible in
CSS3.  In the future (CSS4?), you'll be able to do it as
follows:  body {     background-color: red;     transition:
background-color 1s ease;  $body #theButton:hover {
background-color: green;  Note the $ in the second selector; It
indicates which element the CSS block applies to. Unfortunately,
there's not even a single implementation of this yet, so you'll
have to resort to Javascript (which I assume you know how to do.
If not, just ask).  Update (using j