Custom Cursors Explained

Here's how I implement custom cursors in Webflow - a little custom CSS here goes a long way in making the cursor feel more integrated and smooth out your workflow on larger sites.

<style>
.cursor-wrap {
	pointer-events: none;
}

body .cursor {
	opacity: 0;
}

body:hover .cursor {
	opacity: 1;
}
</style>
Watch the Tutorial on YouTubeGet the Project Cloneable

Inside <head> tag

Inside </body> tag