title: Transition background-color via slide animation
body: <p>I am trying to change the background-color of an element on hover by using CSS transitions. I want to do this by having it scroll up from the bottom. I can fade the background in using this, but I would like it to slide up:</p>
  
  <pre><code>-webkit-transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;  
  transition: background-color 0.5s linear;
  </code></pre>
  
  <p>One other thought, would it be better to scroll up a separate element with the background applied to it?</p>