title: Keyframe Animation - Instant Change
body: <p>I've started to learn about keyframe animation in CSS3. One think I've noticed is that, no matter how I ""time" things with keyframe animations, the transitions are always smooth.</p>
  
  <p>For example; a background color change from 50% to 100%, is a smooth transition as the animation plays from 50% to 100%.</p>
  
  <p>What I'm trying to achieve is a way of doing the animation with an "instant" type of value change..</p>
  
  <p>Again, an example would be:
  If 50% value of BG is red and 100% value of BG is blue; the animation should stay red till it reaches to 100% and instantly changes to blue when it is 100% completed.</p>
  
  <p>I'm not sure if my terminology is right or wrong, but some direction would be perfect in any case.</p>