title: CSS Keyframe animation: Hiding element before animation starts
body: <p>Is there a CSS way to hide an element and fading it in with a keyframe-animation after x seconds? Or do I need JavaScript/jQuery for that? How to do it?</p>
  
  <p>At the moment, it is also show before the animation starts and if I set <code>opacity: 0;</code>, the animation jumps back to that value after the animation is complete.</p>
  
  <p><a href="http://jsfiddle.net/uKe2t/" rel="noreferrer">Fiddle</a></p>