Scarlatum / crusoris

Simple custom cursor

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

image


Описание:

Курсор построенный на основе кастомных HTML елементов с реактивными атрибутами.

Относительно быстрый, но всё зависит от рендеринга. По большей части использует лишь трансформацию, без использования абсолютной позиции, дабы не смещять макет при перемещении.

Имеет несколько состояний, таких как "простой" курсора, клики, контекстные действия.


Атрибуты:

Учитывайте, что все HTML атрибуты имееют строковый тип.

Атрибут Тип Описание
tail-size px Размер внешнего хвоста.
dot-size px Размер указателя.
rotate deg Поворот хвоста.
duration ms Задержка в смене позиции хвоста.
action boolean Контекстное событие.

Параметры:

Переменная Тип Описание
dist boolean Автоматическая установка компонента в DOM.
styles boolean Использование предустановленных стилей.

Использование:

  import crusoris from '@eccheuma/crusoris';

  crusoris({ dist: true, styles: true });

About

Simple custom cursor


Languages

Language:TypeScript 86.6%Language:HTML 6.9%Language:JavaScript 6.5%