eugenedrvnk

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?

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/)

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

// 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)

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

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.

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?

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 : https://codepen.io/eugenedrvnk/pen/VwwqaBp If compare my and example's animation, in example it's more smoothly. How can i make my anim more similar to an example?