Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Posts

  • Joined

  • Last visited

About hakkie.ai

hakkie.ai's Achievements

  1. I can say that you getting pretty much what I am want to do! The intent is to make the https://codepen.io/ceoamaterasu/pen/GREorLG work on the same way as the animations() did, but need also to chain two more animations, the fadeMap() and h2Map(), just like an 1:1 from the example. We got the result we wanted (scroll and finish animation) but to order another animation as the very start of example seems to be much harder with the current code logic, check my edits! https://codepen.io/ceoamaterasu/pen/vYZKBRw
  2. Got it, I will be more careful to not do this mistake! One more thing: I want to chain the color change animation (named fade on the Codepen) after all the animation spans, but seems both fire simultaneously even though I use the "<" on the end of the tween, and from there I think I have every thing in hands! https://codepen.io/ceoamaterasu/pen/gORrPqy
  3. Thanks Cassie, I have used the current solutions presented and now I have two more challenges on the solution regards timeline / end of animation: I am trying to order the animations and seems pretty hard, everything tries to go at one in a single scroll instead of finishing the timeline and the moving to the next (animSpam should finish so animFade starts. When one span have already animFade, animH2 should trigger and the next animFade to the second span should start and so on) When I scroll very fast to the end of it, the last animation still plays and the pin releases the section. Is there a way to finish the animation before the pin is released? https://codepen.io/ceoamaterasu/pen/WNOwvLE
  4. Nice, that is great start! I like the solution on the onEnter/back! I need also is to chain two more animations like on my example (this might be the thing that is most difficult also for me): one is to change the color of the span (only after the scramble end) and the h2 settling on top a bit together with the color span change (but not while the span is being scrambled), all that while it is being pinned and I think this solution might only work while using one timeline of animations? needs to be pinned on wheel: if finishes faster / on fast wheel: finishes and goes to next animation scramble text change color settle the h2 Hope I was clear!
  5. Hello, I would like some advice on my current issue, here is my requirements for my issue: the #section2 needs to be ScrollTriggered each animation from span/h2, each scramble needs to be finished on scroll, not stopping while there is scrambled text (sometimes you scroll a bit and it stops on some scrambled text) each span/h2 needs also to be ScrollTriggered, so each animation needs to be finished (forcibly?) before it trigger the following span/h2 on the following staggered element (1st span animate, stops. Scroll wheel, 2nd span animate. Quick scroll wheel, following animation quickly animates) It also needs to be pinned until the whole timeline is finished. Hope you guys can help me with this issue, thank you very much!