CURSOR TRAIL
by Rehmat (Animated Creativity) - MIT License

1. Body tag:  <body data-cursor-trail>
2. Script:    <script src="cursor.js"></script>

The ring grows on links and buttons by itself.
Word on hover:   <a href="#" data-cursor-text="View"> ... </a>
Grow on others:  <div data-cursor> ... </div>

Options on the body tag:
  data-cursor-color="#7c5cff"
  data-cursor-size="36"            ring width in px
  data-cursor-trail-length="8"     0 = no trail
  data-cursor-lag="0.18"           0.05 = floaty, 1 = sticks to the pointer
  data-cursor-hide="false"         keep the normal arrow visible
  data-cursor-blend                invert colours under the cursor

From JavaScript:  var c = CursorTrail({ color: '#ff5c8a' }); c.set('size', 44); c.destroy();

Phones: shows only while a finger drags. Form fields: the normal cursor returns.
Open index.html to try every option.

More free kits and custom work: https://animatedcreativity.com/
