.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
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
Strange. I don't remember saying that you should force the user to refresh the page.
Perhaps my post wasn't clear. My point is this, if your layout changes, then you may need to update your animations. Any potential performance hit will be unnoticeable for the most part. A screen resize invalidates pretty much everything, so elements are going to be jumping around whether they're being animated or not.
A simple demo reacting to resize and media change events. The color ch