title: CSS3 transition on a background image
body: <p>I want to do an CSS3 transform: rotate(360deg); in a transition 1s; 
  on a background image instead of a seperate image(element)..
  Is this possible? I have searched the hell out of Google but no succes!
  What I am trying to achieve is something like: </p>
  
  <pre><code>#footerLogo { 
    background: url('ster.png'), 
    -moz-transition: -moz-transform 1s,
    transition: transform 1s,
    -o-transition: -o-transform 1s,
    -webkit-transition: -webkit-transform 1s;
    background-position: #outlinedtotheleft;
  }
  #footerLogo:hover {
    background: transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
  </code></pre>
  
  <p>I hope this is possible! I know it is easily doable in JS (jQuery) with: </p>
  
  <pre><code>$('#something').hover(function(){morecodehere});
  </code></pre>
  
  <p>...but I want to know if it is possible with only CSS(3)</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="footerLogo"&gt;
    &lt;img src="carenza.png"/&gt;
  &lt;/div&gt;
  </code></pre>