title: CSS Transition from no background color to gradient
body: <p>Is it possible to make a transition from a div without background to a div with gradient background?</p>
  
  <pre><code>div { background-color:none;}
  
  div:hover {
  background:#D74413; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D74413), to(#8A2D0D)); 
  background: -webkit-linear-gradient(top, #D74413, #8A2D0D); background: -moz-linear-gradient(top, #D74413, #8A2D0D); 
  background: -ms-linear-gradient(top, #D74413, #8A2D0D); background: -o-linear-gradient(top, #D74413, #8A2D0D);
  }
  </code></pre>