Hi. With using sprite sheets I wanted to just set the width, height and background-position properties in CSS and set the rest in javascript with TimelineLite or TimelineMax.
Is there a best practice for this?
I want to do something like in the following example:
I set all the images to hidden to start then animate with fromTo as needed.
I made an example here with 3 different colored boxes, which works great on all browsers.
http://codepen.io/anon/pen/jbKWJg
The issue I am having is that on a DoubleClick banner example using the same technique I am having problems when I restart the timeline just in IE10. When I call tl.restart, any of the fromTo images with immediateRender:false are visible from the beginning instead of having autoAlpha:0.
Thanks in advance,
Kurt