magnet-cursor
#codepen#cursoranimation#javascript#css
sandeshsapkota

sandeshsapkota @sandeshsapkota

About: Hi, I am a front end developer from Nepal. I like to building things with HTML, CSS, and javascript

Location:
Kathmandu, Nepal
Joined:
Jan 9, 2020

magnet-cursor

Publish Date: Jan 25 '20
12 12

Inspired from this website.

Comments 12 total

  • Vlasin98
    Vlasin98Aug 26, 2020

    Hi Sandeshsapkota!

    I really appreciate your pen and the fact that you took the time to share it, really nice work.

    One thing I would like to mention/ask you. From what I see you hidden the overflow on the pen, but when this gets on an actual page, the moment someone scrolls the custom cursor gets offset from the real one. Any idea how I can fix this issue?

    I would like to thank you once again for the work. Let me know further.

    • sandeshsapkota
      sandeshsapkotaAug 26, 2020

      Hello @vlasin98 !

      thank you for pointing out. the only reason the custom-cursor was not moving along with the real-cursor was, I had positioned the cursor with absolute . same issue was with the like button.

      I have fixed this and have updated the pen.

      let me know if I missed anything.
      thanks

      • Vlasin98
        Vlasin98Aug 26, 2020

        Amazing. I was scrubbing through it for hours. It is really appreciated.

        Thank you

        • sandeshsapkota
          sandeshsapkotaAug 26, 2020

          glad to help you !

          • Vlasin98
            Vlasin98Sep 2, 2020

            Further down the line, if you are kind enough, how can I make it work if I want multiple items to have the magnet effect?

            Thank you from the bottom of my heart

            • sandeshsapkota
              sandeshsapkotaSep 2, 2020

              Oh ! want to do that too ? that sounds great !
              well, let me give some time to figure out. having a little bit busy time. will come up with the solution or question :)

              • Vlasin98
                Vlasin98Sep 2, 2020

                Take your time. You are amazing. Wanna be my best friend? :D

                On a serious note, really thankful for helping me here.

                • sandeshsapkota
                  sandeshsapkotaSep 9, 2020

                  Hi Vlasin98! .. okay.. why not.. haha

                  I have updated my pen. now it works for multiple elements even it is below the viewport. please have a look at it.

                  and sorry for the delay.

                  let me know if you need anything.

                  • Vlasin98
                    Vlasin98Sep 9, 2020

                    Thank you so so much. Your approach is so simple yet the results are so extraordinary. Thank you from the bottom of my heart.

                    :)

                    • sandeshsapkota
                      sandeshsapkotaSep 9, 2020

                      my pleasure :)

                      • Vlasin98
                        Vlasin98Nov 30, 2020

                        Hi Sandeshsapkota. I've been using your magnetic mouse since you last provided input on it. Amazing stuff you did.

                        One more thing if you can maybe look into if you want and of course if you have the time.
                        Is there any way to make the circle that follows the cursor ease when it gets closer to the cursor?

                        You can see something similar in this example with the orange circle that follows the cursor
                        -> puntopago.net/

                        Thank you in advance and really appreciate your help

                        • sandeshsapkota
                          sandeshsapkotaDec 8, 2020

                          Hey Vlasin ! thanks . ohh is that your work ? it's amazing ! I will be looking into it a little later. follow me back so we can have conversation.

Add comment