[Multiple scroll trigger with scrub]

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"

[Multiple scroll trigger with scrub]

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.

[Change hover cursor to image on each gallery item]

i've customized your code and i don't know why it didn't worked..

here's the fiddle:
https://jsfiddle.net/o8tavks3/20/

[Change hover cursor to image on each gallery item]

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..

[Change hover cursor to image on each gallery item]

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 .

 

[Change hover cursor to image on each gallery item]

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

[GSAP with Intersecting observer animate on entry]

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

 

 

 

[GSAP with Intersecting observer animate on entry]

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/

[I'm new to GSAP and i want add a hover each item across all pages if my anchor tag or button has a class name of "primary-btn" and whenever it hovers cursor will change to view more]

3 minutes ago, mvaneijgen said:

No need to apologize, but missing the fundamentals, will result in getting stuck a lot. That's why getting in some basic Javascript knowledge can go a long way!

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/

[I'm new to GSAP and i want add a hover each item across all pages if my anchor tag or button has a class name of "primary-btn" and whenever it hovers cursor will change to view more]

Just now, mvaneijgen said:

No need to apologize, but missing the fundamentals, will result in getting stuck a lot. That's why getting in some basic Javascript knowledge can go a long way!

Thanks for the great advise mate.. Cheers..

[I'm new to GSAP and i want add a hover each item across all pages if my anchor tag or button has a class name of "primary-btn" and whenever it hovers cursor will change to view more]

1 minute ago, mvaneijgen said:

Same issue as before, you have to scope your selectors to the current element you're targeting. If I where you I would do a basic course on Javascript, just go on YouTube and watch a few tutorials.

 

https://jsfiddle.net/pzvf26hq/

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..

[I'm new to GSAP and i want add a hover each item across all pages if my anchor tag or button has a class name of "primary-btn" and whenever it hovers cursor will change to view more]

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/

[I'm new to GSAP and i want add a hover each item across all pages if my anchor tag or button has a class name of "primary-btn" and whenever it hovers cursor will change to view more]

2 hours ago, GreenSock said:

CSSRulePlugin is still in GSAP 3. In the vast majority of cases, though, it's just not needed - it's better/cleaner to just use CSS variables instead, as the docs indicate. 

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"

[I'm new to GSAP and i want add a hover each item across all pages if my anchor tag or button has a class name of "primary-btn" and whenever it hovers cursor will change to view more]

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..

 

[I'm new to GSAP and i want add a hover each item across all pages if my anchor tag or button has a class name of "primary-btn" and whenever it hovers cursor will change to view more]

Hi mvaneijgen, i have something to clarify with regards to GSAP 3. Is the CSSRulePlugin deprecated or not supported in GSAP 3? thanks

[I'm new to GSAP and i want add a hover each item across all pages if my anchor tag or button has a class name of "primary-btn" and whenever it hovers cursor will change to view more]

What i noticed with gsap 3 is that it is simplified rather than the gsap 2. Anyways, thank you so much

[I'm new to GSAP and i want add a hover each item across all pages if my anchor tag or button has a class name of "primary-btn" and whenever it hovers cursor will change to view more]

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

[I'm new to GSAP and i want add a hover each item across all pages if my anchor tag or button has a class name of "primary-btn" and whenever it hovers cursor will change to view more]

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/

[I'm new to GSAP and i want add a hover each item across all pages if my anchor tag or button has a class name of "primary-btn" and whenever it hovers cursor will change to view more]

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

[I'm new to GSAP and i want add a hover each item across all pages if my anchor tag or button has a class name of "primary-btn" and whenever it hovers cursor will change to view more]

Here is a fiddle i made

https://jsfiddle.net/p1evx86c/59/