e-addons

Share

ic Interface bwe-User Interface

Cursor

Add focus to your pages to generate interactivity. By adding the e-addons Cursor within your sections, a circular element will appear that follows the cursor and its movement.

It is possible to display the status of scrolling along the circle, that can change size, opacity, and color when a specific element on the page is overturned.

The cursor can be followed by one or more graphic shapes.

Plus, when it rolls over an element, it can change shape.

Hover style

Progress

Customizable

Speed

Devices

cursor uI

Cursor

You can insert on your pages an svg circle that follows the cursor.

You can even add the page scroll progress indicator to the circle.

By defining the class “.cursor-target” (advanced> class ID) on any element you can produce a transformation of the parameters on roll-over.

Graphic parameters:

  • Stroke Width
  • Stroke Color
  • Opacity
  • Fill Color

Desktop usage suggested 😉

DEMO

on-Hover modify

hover