.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
Relationship between CSS transform translate() and GSAP x:
Hi folks,
I simply do not understand the relationship between GSAPs x-property and CSSs translate().
It appears to me that x just doesn't care what translate is doing; like GSAP looks where the element is on first x:-call, and from then on on calculates its matrices.
Problem 1:
Seen in this CodePen I prepare an element to be off the viewport with CSS translate(114%) and want to animate it back to translate(0) with GSAP without hardcoding.
Problem 2:
is there something similar to
FOUC. Don't display stuff that isn't ready to be displayed. Works every time.
See the Pen 1ca9abd527195fea490d9bd5de7d29ae by osublake (@osublake) on CodePen
Or you can use autoAlpha for a nice entrance effect. I'm not sure, but this thread sounds similar. Somebody wanted to use to use translateX percents from their CSS.
https://greensock.com/forums/topic/15851-reverse-callback-clearprops-doesnt-work/?p=69542
.
