Cursor follower. Style with CSS, animate with Motion.
Cursor follower visibleOnState: boolean: Automatically show/hide cursor when state added. There are 3 other projects in the npm registry using mouse-follower. You can apply CSS to your Pen from any stylesheet on the web. overwrite Is cursor visible by default. Latest version: 1. Create custom cursors and follow-along effects in React with Motion+ Cursor. Browse the web with a simple simple cursor follower animation, every new tab! By clicking "Add to chrome", I accept and agree to installing the Mini Cursor Follower Meet Cuberto Mouse Follower! Now this is a full-fledged and powerful JavaScript library that we have published in the NPM, which means that we will periodically improve and supplement it. Style with CSS, animate with Motion. 1. See gsap easing. . Start using mouse-follower in your project by running `npm i mouse-follower`. stateDetection: object | null: Allow to set predefined states for different elements on page. Uses an event delegation. 2, last published: 3 years ago. Automatically show/hide cursor when state added. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself. ease: string: Timing function of cursor movement. ease: string: Timing . speed: number: Cursor movement speed. Can be useful when implementing a hidden cursor follower. It auto-adapts to links, text, & buttons. A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website. The new version has support for creating a skewing effect, the ability to add images, videos and icons to your cursor and many improvements and features. stateDetection: object | null: Allow to set predefined states for different elements on page. About External Resources. ksxgtgmligdnqoyaawnpjvqcmyfugtmmpqeaxmpnkwvycqankhm