[Magnetic Hover Interaction Cursor]

2 minutes ago, Cassie said:

Hi I've just noticed that this is just a copy of an old post and someone else's demo on an older thread - it's already been answered by Blake in 2020
 

Please don't do this - it's a huge waste of everyone's time.

 

 

Yes I know. But that issue has not been resolved. That's why I opened a new topic. I found the solution to the problem. You can review below.

 

if (distance.y > hypotenuse || distance.x > triggerDistance) { return; } if (distance.x > hypotenuse || distance.y > triggerDistance) { return; }

 

 

[Magnetic Hover Interaction with Cursor]

On 9/7/2020 at 2:27 AM, Nikhil009 said:

Hello,

might anyone know why the cursor is is tweening only on the last element and not on the first two, i have added a for each loop on the targeted elements but yet only works on the last one. I think it might be the if condition although it is giving true outcomes.
 

 

 

 

Can anyone help with this? I'm having the same problem.

[Magnetic Hover Interaction Cursor]

Hello,

might anyone know why the cursor is is tweening only on the last element and not on the first two, i have added a for each loop on the targeted elements but yet only works on the last one. I think it might be the if condition although it is giving true outcomes.

See the Pen bGpWmXd by nikhil-ladhani-nl (@nikhil-ladhani-nl) on CodePen

[Cursor Mouse Effects]

@OSUblake Hi again. I did the work I wanted to do because of you. I just have one problem left and I couldn't solve it. I added a canvas to my website, but I'm having a z-index problem. When I use the pointer-events:none code, I cannot select the posts. A website solved the problem I mentioned. But I didn't know how to do it.

 

My Example Url :

See the Pen wvPNyaO by mrtsiradisi (@mrtsiradisi) on CodePen

[Cursor Mouse Effects]

20 minutes ago, OSUblake said:

Hi mrtsrds,

 

We don't make the stuff on the showcase page, so of course we don't know how everything is done. I can tell you that effect is done with shaders, which uses a completely different programming language (GLSL). 

 

Someone copied some of the code here, but of course you should ask for permission from the original author before trying to use it.

 

 

 

Thank you. It will be a good start for me. I can find out by examining this code.

[Cursor Mouse Effects]

Hi,

 

I saw the effect I liked very much on the website I saw on the Gsap showcase page. (https://advanced.team/). I want to make the mouse effect on this site.I did a little research and noticed that you are using canvas. But I didn't know how to do such a thing. Can you guide me on this?

 

 

[Page Transition Animation]

Yeah. Thank you. I can do whatever I want with the examples on this page.

[Page Transition Animation]

Thank you for your answers. I'll investigate a little more. The part I can't do is when a div goes to the right side of the site with an animation when the page changes.

[Page Transition Animation]

Hi,

 

http://www.macandevelopment.com/fr I want to make a site similar to this site. I could not find an example of page change animations on the site. Can you help with this? I am using vuejs and gsap.