KiwiVFX
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by KiwiVFX
-
-
-
1 hour ago, Cassie said:
Hey there Kiwi!
I've read through this a few times and I'm not quite sure what you're asking.
Maybe you could draw a little diagram to explain? Or possibly rephrase? Apologies!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.
-
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!- 1
-
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.
-
Just now, nico fonseca said:
Another thing, you should use it like this:
const tl = gsap.timeline(); tl.from(el,{...})
instead of:const tl = gsap.timeline(); const inTwoFirstValues = tl.from(el,{...}) inTwoFirstValues;
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.
- 1
-
2 minutes ago, nico fonseca said:
I don't know if I understand what you need, but the clip animation is not doing anything. Also, you need to use clip-path instead of clip as it is deprecated, you can learn more here.
I leave you an example of a clip-path animation 🙂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!!!- 1
-
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 targetvalue-three
with query selector as well?
I need to cut it(wipe) from left to right as seen ininThirdValue
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.
Responsive text column to Image
in GSAP
Posted
Exactly on point!
Thanks a lot, now everything makes sense :)!