[z-index and scrollsmoother issue]

1 hour ago, Cassie said:

If you needed the cursor above the text in some other places you could have two cursors following the mouse, one position fixed *above* the content and one behind and then opacity toggle as and when you need

Thanks for the answer. I thought about using two cursors but hoped for an easier way. As for the math, it's possible, but I'm concerned it might take up too much processing power just for a cursor (the site is heavy as it is).

[z-index and scrollsmoother issue]

37 minutes ago, mvaneijgen said:

Hi @amirTrujillo welcome the to club (Greensock) 🎉

 

What is exactly the issue? I see a dot that forms to the button shape when hovering. I've tested all buttons and tested on both Safari 16.3 and Chrome 112.0.5615.137 and it's working to me. 

 

Do you maybe have a browser version and OS on which you've the problem and maybe a screenshot of what it should look like vs what it looks like now? 

Thanks!

 

I have tested both Bing and Chrome, and everything works perfectly except for the button's text that appears beneath the cursor. The cursor has a slight opacity that allows you to see the text, but I want it to appear in front of the cursor. I created another pen without smoothscroll to show how I wanted it to appear.

See the Pen qBJqwWe by amir-trujillo (@amir-trujillo) on CodePen

[z-index and scrollsmoother issue]

Hi,
I'm trying to implement a custom cursor I made a while ago with scrollsmoother. I'm having trouble making the cursor appear between the background and the text. Everything works great if I remove the z-index in the cursor and scrollsmoother.
Am I missing something?
Thanks in advance.

See the Pen poxNGyz by amir-trujillo (@amir-trujillo) on CodePen

[ScrollTrigger Lottie, create only when visible in viewport]

Thanks!

[ScrollTrigger Lottie, create only when visible in viewport]

Hello, 

I'm currently working on a site with lots of heavy Lottie animation, I'm using THIS  linkup between ScrollTrigger and Lottie and it works perfectly. 

my only problem is that I want to create the Lottie DOM element only when visible in Viewport. I created this pen and as you can see on every progress update the animation start from the beginning and catches up. 

any advice?

 

Thanks in advance!

See the Pen yLjeQLV by amir-trujillo (@amir-trujillo) on CodePen

[Problem with an animation that change on every section]

Hi,
I'm new to GSAP and having trouble with a specific animation, I made a quick simplified (and ugly) pen to demonstrate the problem.
I have two DIV's with separate animation that change on every section, I'm sure there is a cleaner way to do it.
Thank in advance. 

See the Pen GRdxqbX by amir-trujillo (@amir-trujillo) on CodePen