Animating translate forces style redraw in GSAP Posted September 3, 2015 I am using TweenMax to do a simple animation on slides, which looks like this:TweenMax.to(slides, 1.2, {y: (-100 * slideNum) + '%', ease: Power1.easeInOut}); I can see in google dev tools that layout is invalidated and recalculated for each update when using this function, but the translate css property should not need to recalculate the layout but only use composition. http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/ Is this a bug, a sideeffect to animation using js or just me misunderstanding the concept completely
Animating translate forces style redraw
in GSAP
Posted
I am using TweenMax to do a simple animation on slides, which looks like this:
TweenMax.to(slides, 1.2, {y: (-100 * slideNum) + '%', ease: Power1.easeInOut});
I can see in google dev tools that layout is invalidated and recalculated for each update when using this function, but the translate css property should not need to recalculate the layout but only use composition.
http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
Is this a bug, a sideeffect to animation using js or just me misunderstanding the concept completely