First, thank you for the amazing job!!!!
Then, if someone would be kind enough to look at this pen :
My problem is that i want to keep my .block centered but the scale tween override my block's css (transform translate)
it works if i use immediateRender : false, it worls fine but i want my block to be hidden at start.
Any help would be great, thanks a lot.
See the Pen ryzYNg by bquarante (@bquarante) on CodePen
Just follow my flexbox demo here. I'm setting the position using CSS classes. That's actually desirable here because we can let the browser do all the calculations.
After setting a class, media query event, or resize event, call the layout function and let the magic begin. You really can't animate flexbox as most of its properties aren't based on numbers, so there's some sleight of hand going on.
See the Pen zwWgao by osublake (@osublake) on CodePen