title: A few Javascript/CSS animations
body: <p><a href="http://plnkr.co/edit/kdwH6LFcp4R5FgfMIlCS?p=preview" rel="nofollow">Here is my code (Plunker)</a></p>
  
  <p>I'm having trouble with making the position fixed after the "Pack" image enlarges, as well, I would like it to fade in larger and fade out smaller both with 1 second intervals. </p>
  
  <pre><code>window.setTimeout(function () {
      var pack_image = document.getElementById('pack');
      if(pack_image &amp;&amp; pack_image.style) {
          pack_image.style.top = '50%';
          pack_image.style.left = '50%';
          pack_image.style.height = '350px';
          pack_image.style.width = '250px';
      }
  },7000);
  </code></pre>
  
  <p>I tried keeping the position with <code>top = %50</code> and <code>left = %50</code> but it's not working. I have no idea how to add the fade in and out effects for it though, please help. I'm new to JavaScript. :)</p>