title: Background image slow zoom in
body: <p>I have been looking around everywhere but I cannot seem to find a definitive answer on how to make the background image slowly zoom in using CSS. Help would be appreciated. My code so far zooms the text elements but not the background. </p>
  
  <p>CSS:</p>
  
  <pre><code>body {
      background-image: url("../img/background.jpg");
      background-repeat:no-repeat;
      background-attachment:fixed;
      background-size:cover;
      background-position:center-top;
      background-position-x: 50%;
      background-position-y: 0%;
      -webkit-animation: zoomin 5s 1;
  }
  
  @-webkit-keyframes zoomin {
      0% {
          -webkit-transform: scale(1);
      }
      100% {
          -webkit-transform: scale(2);
      }
  
  }
  </code></pre>