I didnot like the ‘stuttering’ of the ypos in the previous envelop animation. So i decided to investigate the backgroundposition in CSS a bit more…in all browsers ( FF, Chrome and IE ) And now i got it to work with pixels instead of %. That makes it a lot easier to use these spritesheets in Lectora. And as you can see in this sample…it looks better.
Next up: Remake this in SVG