Jump to content
Search Community

Louienator

Members
  • Posts

    71
  • Joined

  • Last visited

Everything posted by Louienator

  1. Hi Jack, Yes.. this is what i meant.. Been confused with the 'start' and 'end' setting.. Now i know, that you can add multiple class in querySelectorAll method.. thank you so much for this and simplified my code.. thanks a lot! And by the way, do you have a link for a documentation or explanation with regards to this code "gsap.utils.toArray"
  2. Hi, good day. I'm just wondering why my code didn't work. is there something i lack or wrongly implemented? thanks Here's my fiddle: https://jsfiddle.net/louiemiguelveloso/de7txkfg/106/ I want the animation to start from the start as soon as i enter the next screen.. it's like when you enter a specific screen and while scrolling foot steps will appear like walking.
  3. i've customized your code and i don't know why it didn't worked.. here's the fiddle: https://jsfiddle.net/o8tavks3/20/
  4. Apologies Jack.. here.. when the cursor enters on the top portion of the image, the circle will show at the bottom.. seems a bit weird..
  5. Hi Jack, apologies for the late reply.. Yeah this is what i want but when i applied it in my website then the starting point of the cursor will not reset.. it will just go down .
  6. Hi, good day. Is there a way that i can change the cursor everytime the i hover on an item? Here's the fiddle that i made.. i'm confused on what did i do wrong.. https://jsfiddle.net/kf67zpe0/3/ Cheers and thank you
  7. Just read the dosc that you've send and i'm using now scrolltrigger, it's more simple.. And i'm basing on this example and customized it
  8. Hi.. Got another question but this time it's different.. Is there a way that i can incorporate GSAP and intersecting observer? i'm just basing from an example i saw on forums and tried it out.. but i'm confuse on why it didn't work.. Apologies for being noob.. What i wanna achieve is that, when ever the user scrolls, it will show the next item and animate... Here's the fiddle: https://jsfiddle.net/es982zh0/31/
  9. And 1 more thing, with regards to CSSRulePlugin, as Jack said earlier that the CSSRulePlugin is still in the version 3, the code couldn't find my pseudo element.. this is just a sample but if you can see the error i'm referring to regarding the CSSRulePlugin.. i've imported the CSSRulePlugin https://jsfiddle.net/8vetu3wr/9/
  10. I'm studying jquery as of the moment on udemy try to tinker on gsap coz' i found the animations fascinating.. That's why i quickly dived in.. apologies for that..
  11. Hi mvaneijgen, i'm applying on what you've taught me earlier and added some new classes, but the problem is when i hover each item, both lines will animate not just the respective line when i hover the circle. here's the fiddle https://jsfiddle.net/apm2qfkh/19/
  12. Because what i've seen in the docs that mvaneijgen gave was "deprecated".. And i've been getting an error of "GSAP target not found https://greensock.com" and "GSAP target undefine not found, https://greensock.com"
  13. Thanks for the quick reply mvaneijgen. I'll just create a class instead of the pseudo element. Just to be safe. GSAP is fun and quite a challenge for us new into GSAP..
  14. Hi mvaneijgen, i have something to clarify with regards to GSAP 3. Is the CSSRulePlugin deprecated or not supported in GSAP 3? thanks
  15. Wow!! Thanks a lot mvaneijgen.. This is what i was going to achieve for days.. hope this will also work on other pages with same classname.. Cheers.. And apologies if i haven't seen the fiddle
  16. hi @mvaneijgen, i've migrated my code to gsap 3 and i'm confused still when i hover the first item, all 4 items will animate.. what i want is that each box will just animate when each of them is hovered. is it ok to ask for a sample? thank you so much. apologies for being a slow learner. https://jsfiddle.net/kem6247d/31/
  17. Thank you so much @mvaneijgen will try this new syntax.. will get back to you once i got the output that i wanted.. Cheers and Happy Halloween
×
×
  • Create New...