Prevent GSAP from transforming my transforms into matrix()
I came up with a way to tween a centered, fixed element out of view without "dead pixels". So when the animation starts you can immediately see it.
var tl = TweenMax.fromTo(".box", 2,
{ transform: "translateY(50vh) translateY(50%)" },
{ transform: "translateY(-50vh) translateY(-50%)" }
);
For some context: http://dumbo.design/airberlin – scroll to the first "chapter intro" > the laptop mockup (Wanted to show you guys the site when it's truly finished, argh) – 75% perce
One of the fundamental benefits GSAP delivers is consistency in transforms' order-of-operation and being able to query those values at any given time. Like "what's the rotation right NOW?" (even if it's partway through an animation). Since CSS transforms can be chained infinitely and they're all shoved into one property, that's virtually impossible with raw CSS. Consequently, GSAP can't just pass through whatever string you feed into the transform.
For example: "rotate(20deg) transl
