css - Animation Keyframes no Fading? -

@keyframes test {     0% { color: red;   } /* starts red */   50% { color: green; } /* fades green red */  100% { color: blue;  } /* instant blue? no fading green possible? */  } 

is possible have 0% - 50% transition red green, , have blue appear instantaneously after no transition? in example above, once 50% complete, becomes blue (i.e. without fading in green) until 100% done?

have @ fiddle works ok

<div class="top"></div> .top { width:100px; height:100px; background:red; animation:test 5s; }  @keyframes test { 0%   {background:red;} 50%  {background:green;} 50.01%  {background:blue;} 100%  {background:blue;} }