Cursor Tracker

Cursor Tracker Is an Item that Follows your Mouse Cursor as You Move It Around the Page.

It is a circle by default. See the DEMO.

N.B .: this is an interesting effect on desktop, but we do not exclude that it can have a certain usefulness on touch mobile devices.

The available parameters are:

  • Dimension (diameter) of the object in Px;
  • The Stroke Width;
  • The Stroke Color;
  • The Fill Color;
  • The Opacity.

In Hover (class)

You can turn into a cursor any desired element you assign the class .cursor-target.

The parameters you can manage on the roll-hover transition are:

  • The Stroke Width;
  • The Opacity;
  • The Scale (based on the settled size up to 10 times);
  • The Stroke Color;
  • The Fill Color.

Scroll Progress

By enabling the Scroll Progress option, the scroll amount along the item will be displayed.

The available parameters to be managed are:

  • The Progress Stroke Width;
  • The Progress Color.

Responsive Options

You can also decide on which devices to display the Cursor Tracker.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us