Custom Cursors
Switch your cursor’s appearance when hovering over a page element.
Script
The script for this powerup can be added to your Webflow project using the TooEasy Powerups Webflow App. Once the app is installed simply select the powerup(s) you'd like to use and click the "install script" button.
Wrapper
This div contains both the cursor trigger and the custom cursor element.
Cursor Element
This is the element I want to use to replace my default cursor.
Trigger
I'd like the cursor to change when I hover over this page element
Display Style
I want to set a display style on my cursor element.
Watch Tutorial
Add this attribute to the same div block with [te-cursor-element] applied.
An empty value will set the display style to block.
This value will set the display style to block.
This value will set the display style to flex.
Add this attribute to the div block that contains both the trigger and cursor elements.
Add this attribute to the div block you want to use as your cursor.
Add this attribute to the div you want to use to trigger the cursor.