title: Creating CSS animation keyframes with percentage values
body: <p>I am experimenting with CSS keyframe animations and webkit radial gradient backgrounds. What I want on body tag to have a glowing circle /radial gradient after 3 sec the radial gradient moves to right side and disappear.</p>
  
  <p>During my experiment I found that inside keyframe animations you can't create gradients with different values for each stage like 0%, 25%, 50%, 100%. Although you can play with background-position defined in pixels % is not working for me. </p>
  
  <p>My HTML file is posted here, please take a look. <a href="http://jsbin.com/erevo3/2" rel="nofollow">http://jsbin.com/erevo3/2</a></p>