Create a circular cursor follower that inverts or changes the color of page content underneath it as the mouse moves. The circle should:
Follow the cursor smoothly
Have a customizable size (around 50-100px diameter)
Apply a blend mode effect (like difference or exclusion) to invert colors of text/images beneath it
Work across the entire page
Be performant and not cause lag
Add a WordPress admin settings page:
Create a new menu item in the WordPress admin sidebar called “Cursor Effect” or similar
Include controls to adjust:
Circle size (slider or number input)
Circle color
Blend mode options (difference, exclusion, multiply, etc.)
Enable/disable the effect
Animation speed/smoothness
Optional: Circle border thickness and style
Save settings to the WordPress database
Apply the saved settings to the frontend cursor effect in real-time
Implement using WordPress settings API, CSS, and vanilla JavaScript.