I'm getting towards the end of a project, and started wondering about performance and improving the overall quality of the animations I'm making.
In the example pen, I have a few questions.
1. Does using x, y improve the animations over using top, bottom, left, right?
In a video by Paul Irish it looks like using translate for CSS animations is performs better, especially in more complicated examples, is this similar with GSAP? Looking at the GSAP tests, this seems different, though. I'm not sure if my eyes deceive me, but I do see a bit of a "staircase" effect on the letters.
2. How would you use x and y translates with staggerFrom + letters wrapped in spans?
I'm not sure I understand using x and y properly - when I add to the spans of the letters in the example, it doesn't work.
3. Will lowering the ticker's call time help with performance?
While Tweens may not be as smooth, will the browser use less resources if set to something like:
TweenLite.ticker.fps(30);