title: background-transition with background-size: cover
body: <p>This may already be answered somewhere but I haven't found yet after a bit of searching.</p>
  
  <p>I have a series of divs with background-images. The size is set to background-size: cover.</p>
  
  <p>But I want to be able to have the images zoom in and grow on hover. This transition doesn't work with the cover attribute it seems. Actually, the image zooms but without the transition effect. It goes instantly from "cover" to, in this case, 110%. It works fine when the original background-size was set as 100%.</p>
  
  <p>But with this, on resizing the page the image seems to tile somewhat behind the div, which is not what I want. Cover keeps it central at all times, what I want.</p>
  
  <p>Any advice appreciated on how to have a transition as it grows with cover or the same effect.</p>
  
  <p>Ilmiont</p>