[Animation from px to percentage]

Hello, guys 😃

I have some div, positioned as 'left: 10px; top: 10px'. And then, i'm trying move it to 'left: 50%; top: 50%' and it works, but at the beginning of animation, div jumps. How can i fix this?

See the Pen RwPJXor by eugenedrvnk (@eugenedrvnk) on CodePen

[Reverse SVG animation]

I have some svg animation, that plays only once after page load. Is it real with help of gsap, manipulate this animation, change duration, reverse animation, etc?

(if there are some problems with animation, here everything must be okay : https://jsfiddle.net/Lfdztupc/)

See the Pen NWPpWzP by eugenedrvnk (@eugenedrvnk) on CodePen

[Hide element in stagger]

20 minutes ago, ZachSaucier said:

@GreenSock Do you know why y animates inside of the stagger but opacity doesn't?

How i understand, opacity doesn't have to animate in stagger object, and x - y too. But x - y are working. 

See the Pen PowYeqz by eugenedrvnk (@eugenedrvnk) on CodePen

[Hide element in stagger]

// already found solution (updated codepen), but still don't understand why in previous try, when 'y' was in stagger object, it worked.

 

How can I hide elements while using stagger? All properties are changing, but not opacity / autoalpha. (i tried to search some info in docs, but i think i missed smth)

See the Pen LYEPdjJ by eugenedrvnk (@eugenedrvnk) on CodePen

[Blur everything during transform, why?]

When i start move div with text and image in my example, they get blurry. How can i fix this?

See the Pen ZEEgwRO by eugenedrvnk (@eugenedrvnk) on CodePen

[Images moving by line animation]

Thanks you a lot, @mikel. I'll try your example, but still, how i understand, on site what i have like example, there were no any svg or smth like that.
 

 

[Images moving by line animation]

How can i create animation like on this site in top - right position of it? (images moving by lines) How i understand, that was did without some svg moments, just with divs and gsap. Can you give me help about maybe, some formulas, or tools what i have to use?

[Create smooth anim like in example]

I'm trying to make animation like this. First of all, i wanna create smooth move of green div like in example. Here is my try :  

If compare my and example's animation, in example it's more smoothly. How can i make my anim more similar to an example?

See the Pen VwwqaBp by eugenedrvnk (@eugenedrvnk) on CodePen