[ScrollTrigger and cards animating vertically]

Thank you all for the collaboration, it was perfect!

[ScrollTrigger and cards animating vertically]

ok thank you very much I made it! The only thing I don't see where the error is, is that there is 0.50 dead time at the beginning of the scroll trigger with the snap, has this ever happened to you?

See the Pen bGybyrd?editors=1011 by designfenix (@designfenix) on CodePen

[ScrollTrigger and cards animating vertically]

I really can't do it, I'm nowhere near crying,

I already achieved the transition like the video you shared with me, but I still need to make some changes that I can't achieve.

I thought about doing a forech to be able to detect if it is the first card, that it is visible and only goes up, the rest of the card should act normally, they appear and disappear, and if it is the last one it only appears, it does not have to disappear. like a vertical slider.

and then I have to apply the same logic with the navigation, once I achieved those animations I thought to see how to add a label to each card animation, to relate the navs when clicking to make me scroll to that card animation.

could you give me a little help? Tell me that I'm doing everything wrong.

 

[ScrollTrigger and cards animating vertically]

I feel like I'm close to achieving at least the vertical slide animation, the cards appear one at a time correctly and go up, but I have 2 problems.
The snap is not positioned well, since the card is not centered in the scroll, and when I scroll up, it seems that there is a glitch in the animation, could you guide me a little with that?

See the Pen bGybyrd?editors=0010 by designfenix (@designfenix) on CodePen

[ScrollTrigger and cards animating vertically]

Hola Rodrigo!!

Thanks for the help, the problem is that basically I need it to behave like a vertical slider with navigation etc., but for the timeline to be the scroll, and in the examples you gave me I don't see that it's close to what I'm looking for .. but hey, thanks anyway, I'll keep trying

[ScrollTrigger and cards animating vertically]

Hello! I haven't asked for help in a while, but I haven't used Gsap in a while, so I'm a little rusty.

I'm having trouble with a transition that I think should be pretty easy, but I'm getting tangled,

I just need the section to be pinned, and that as you scroll, a card is positioned in the middle at the title level, and in the next scroll, that card goes up, and the second one remains, etc.. then I have I have to refer it to a page that is on the right side vertically, but I later see how to solve it, mainly I am getting dizzy with the snap and stagger

See the Pen bGybyrd by designfenix (@designfenix) on CodePen

[Problem with timeline and reverse function]

jaja I'm sorry! I already found the solution, the problem is that I was declaring the timeline every time it showed the detail... now I declare the timeline only 1 time, and I only call play or reverse, thank you very much anyway! I can't delete the post.

[Problem with timeline and reverse function]

hello geeky friends, I'm facing a problem that should be simple but maybe I'm tired and I can't solve it.

when you click on any Pokemon, it does an animation to "pokemon detail" and when you click on "back" it goes back to the list... but if you repeat the process several times, every time you click on back you have more and more delay in the timeline... would someone know where my mistake is? Thanks a lot!

See the Pen OJQebQb by designfenix (@designfenix) on CodePen

[How to improve my power bar?]

That smooth transition is what I was looking for, thank you very much, I'm going to analyze and implement your advice, I'm also going to see about adding a particle emitter at the end of the bar, and I'm going to use the keyPower to make it more or less drop particles.

I'll let you know how it goes later, thank you very much!

[How to improve my power bar?]

Perfect, both tips implemented, how can I make the progress movement smoother?, it looks very hard when it increases and when it decreases the bar

[How to improve my power bar?]

Hello everyone!, I wanted to try to perform the typical power bar functionality based on the keyUp event, but let's say that the functionality was not very fluid, if someone has an idea of how it could be more fluid, I accept the ideas to learn, many Thank you. 😎

See the Pen wvPxpoK by designfenix (@designfenix) on CodePen

[Animations not compliant with scrolltrigger]

Thanks Cassie, I've been following you on codepen for years, I admire your projects.

[Animations not compliant with scrolltrigger]

ok, I already found the problem and solved it, but I don't know how to delete the post, I'm sorry

[Animations not compliant with scrolltrigger]

Hello! It is my first query in this forum, I hope you can help me understand why a transition is not fulfilled, to be specific between line 99 and 105 of this code, I assign a background position, and it does not work. I am using google translator, have compassion, thank you very much.

See the Pen yLovbjp by designfenix (@designfenix) on CodePen