Made in Webflow

Switch Custom Cursors In-Page Using CSS Clip ✂️

site profile thumbnail


Just using one custom cursor per page? That's old hat. Using the powerful, simple CSS Clip property, you can use a variety of cursors in a single page, opening up the opportunity for some very unique and different explorations of what a cursor can be! Wanna have your cursor change text between CMS elements? You can do that! How about cursors with different interactions? You can do that too! This project just scratches the surface of me exploring the use of multiple different cursors in-page, and I hope you guys in the community use this solution to make some super cool stuff 😎 Looking forward to hearing your thoughts in the comments!
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.


More by Josh Jacobs

See profile
View details
Dynamic Hero Slider! - Dribbble Series ft. Strive