title: Css - animating background image - zoom effect with loop
body: <p>I'm looking for clean way to archive effect using css3 animations :</p>
  
  <p>I have div, which has css style:</p>
  
  <pre><code>background-image:url('image.png');
  background-size:cover;
  /* Just to note this page has 100% width and 100% height */
  width:100%;
  height:100;
  </code></pre>
  
  <p>This two rules, makes image full screen.
  Now, im looking for a way, to create effect of zoom, for let's say 5 seconds. 
  So user on page load see full page background, which is getting smaller, but all the time is 100 % width and height.</p>
  
  <p>I found some examples, but most of them use :hover effect, and i want to have animation on page load.</p>
  
  <p>Thanks for advice.</p>