title: CSS Keyframe Animation : Immediate background position change
body: <p>I am creating a CSS keyframe animation in which I would like the background to change positions immediately with no transition. I've seen an example of this where two keyframes were used with the same value but I can't recreate the effect, I still get a smooth transition. </p>
  
  <p>Here is my code <a href="http://jsbin.com/EvAHAKO/1/edit" rel="nofollow">http://jsbin.com/EvAHAKO/1/edit</a></p>
  
  <p>Can anyone tell me what I am doing wrong?</p>
  
  <p>Thank you </p>