Ok, I have found that timing functions are "per frame" so by setting the steps to 1, it would only show a single frame and then the next without tweening.
animation: gem 10s steps(1) infinite;
Check this update: http://jsfiddle.net/krazyjakee/Hd5Qy/5/