Can you please make the same effect on header elements (like logo and menu icon)? I tried the change the code for logo and menu icon but it didn't work
interested in this as well, Im assuming it would be as simple as using a hover state "scale" call out in the CSS? However would love a confirmation on that from Kaycinho
You're welcome! In order to trigger the change specifically on buttons and links, it would probably require to add a dedicated class for such elements, and then use some JS to make it happen when you hover over an element with this class. I covered that in my other custom cursor tutorial: ua-cam.com/video/O38kaLp_yuY/v-deo.html - So I guess you could make it work by mixing both tutorials.
I'm having a big issue wit this. Everything works perfectly except, now when I scroll on my page the cursor gets stuck to its last location unless I move it again. How do I fix this?
Hello, it won"t work for me i don't know why, i tried it twice, changed it to single quote, i tried your other cursor tutorial with red dot inside, still nothing .. what do i do ?
maybe i just wanted to put an emphasis on the difference between clickable elements and non clickable, maybe there's also a way to make the pointer cursor become a full color block instead of invert?
Thanks Bishwas! Unfortunately I don't keep these demos online for long because that means a lot of maintenance work :/ - but just create your own following along :)
@ KaycinhoTheDigitalAlchemist Is it possible to change the cursor to a different color only in certain column? Like remove the mix-blend-mode and just manually add a different color when your mouse enters certain columns
Plays nice with my fullscreen menu tutorial: ua-cam.com/video/i_WUewRAzVU/v-deo.html
its not following along
As usual amazing next level
Wow, thank you Rooma! Glad you enjoyed it :)
Can you please make the same effect on header elements (like logo and menu icon)? I tried the change the code for logo and menu icon but it didn't work
I was waiting for this tutorial 👈😊
Hope you enjoyed it!
This is Awesome dude!
THANK YOU VERY MUCH!!! Just a question, do you know how to improve cursor speed?
Nice work - Subscribed!
Nice One! Outstanding!
Thx a lot for this!
Glad you like it!
Welcome back
I never left :)
@@KayCinho your voice
Awsome Video We want more like video
Coming up!
THANK YOU!!
Thank you. Any idea how to make the cursor circle bigger or smaller when it hovers over links or buttons?
interested in this as well, Im assuming it would be as simple as using a hover state "scale" call out in the CSS? However would love a confirmation on that from Kaycinho
You're welcome! In order to trigger the change specifically on buttons and links, it would probably require to add a dedicated class for such elements, and then use some JS to make it happen when you hover over an element with this class.
I covered that in my other custom cursor tutorial: ua-cam.com/video/O38kaLp_yuY/v-deo.html -
So I guess you could make it work by mixing both tutorials.
@@KayCinho Alright, thanks.
@@tchinaza :)
This worked great - but now I need to switch out the circle for a custom SVG image. Do you have a tutorial on doing that?
If i scroll, the cursor is also scrolling together with the content. How to fix this
Thanks Sir...
Most welcome!
Can We get it only one section. Please..! 😊😊
Bro, It's working for me, But I get flicker of the old cursor as I hover on links.
I'm having a big issue wit this.
Everything works perfectly except, now when I scroll on my page the cursor gets stuck to its last location unless I move it again.
How do I fix this?
Awesome, thanks for the tutorial.
I have a question, at the end under the footer I get a white line with the cursor circle how can I remove that ?
I had to change min-with to 1024 so that the effect could be seen, but with that size the line and the circle are visible.
great tutorial
Glad you think so!
In my site the cursor is too slow, do you know why?
What plugins do i need to make this whith Enfold or other themes?
I just do it, thank you :) really nice.
Hello, it won"t work for me i don't know why, i tried it twice, changed it to single quote, i tried your other cursor tutorial with red dot inside, still nothing .. what do i do ?
try to change min-width from 1367px to 1024px. thats work for me
i have a question about pointer cursor, can i change the cursor to a thiss invert only when theres a clickable element?
maybe i just wanted to put an emphasis on the difference between clickable elements and non clickable, maybe there's also a way to make the pointer cursor become a full color block instead of invert?
That's very cool!!
Still one thing bothers me: the circle moves up if you scroll down and doesn't keep to the cursor postion. What a pity.
I tried to delate the position:absolute. it works fine for now.
@@vitaw7135 How you solved it man??
It works but the website becomes slower.
This demo site looks cool. Can I get the url of this? Or Tutorial maybe 😀
Thanks Bishwas! Unfortunately I don't keep these demos online for long because that means a lot of maintenance work :/ - but just create your own following along :)
This doesn't work for me. I'm trying to add this to one page and it doesn't work. Can anyone help?
@
KaycinhoTheDigitalAlchemist Is it possible to change the cursor to a different color only in certain column? Like remove the mix-blend-mode and just manually add a different color when your mouse enters certain columns
didn't work for me please help
My recommendation: I put the js and the css together in an "Elementor Custom Code" (why tear apart what belongs to one function?).
it's not working for me
next , page transitions. . .
Good idea!
didnt work