KiwiVFX

Exactly on point! Thanks a lot, now everything makes sense :)!

Comp 1.mp4

All good, I'll try rephrasing first. If you are in Full-Screen, you can see text being revealed from undesirable position, image being added, Image disappearing (text should adjust, now it snaps - i'm trying to achieve more control over it at this exact animation point of time) and finally text is being animated out. Currently what bugs me is that, is that at the start text isn't aligned to the start of the block at the beginning and i would like to move text column with image (when it's being taken out) so it will fill the container. If it's still to complex - i'll create an animation example. https://codepen.io/KiwiVFX/pen/RwgjrjM

Hello Gals and Guys, Attached automated version, that would be the most complex scenario with manual controls(second link). I'm trying make text start from starting point (as without image) and grow(pushed) only when image is being animated in. Do the same if image was taken out(while text is in). (Please use in full screen to see animation properly)

First should do the job flawlessly. i took away queryselector from my code and it worked as expected... I'll learn more on the subject. Thanks a ton - have a great weekend!

Looks like that after this one it will be solved I've had before condition in css if value is empty - don't show empty div, now it doesn't work. The scenario is only Third value was inserted. 2 First values are being empty and the div has trail ? As final result they have to be responsive one to another and work with/without others. https://codepen.io/KiwiVFX/pen/Rwgpzmd

True, i've done different approach before, those are just left overs, I'll take in account tho, Will do it cleaner - You are right.

That's it. I wanted it on the third child. i'll make it work from here, thanks a ton, you were a lot of help!!!

Amazing! Thank you for response! You've added Query Selectors to find the parent div and apply it to children? Last question, Why i can't target value-three with query selector as well? I need to cut it(wipe) from left to right as seen in inThirdValue within JS.

Hello guys and gals, I have 3 divs(each one should respond to other) which should fill 92...% of the screen, last div (if on..) should fill all 92...% width, with or without first and second values. Been trying to tackle it for a day, GSAP doesn't start from 0 of the div, some why there is a left over of div, Almost 100% sure it's not GSAP issue, just trying to solve the issue and take proper approach. Thanks in advance.