Курсор (Cursor)

Классы для управления видом курсора.

Доступные классы

Класс	Описание
.cursor-pointer	Курсор-указатель (рука)
.cursor-move	Курсор перемещения
.cursor-default	Курсор по умолчанию
.cursor-disabled	Запрещающий курсор
.cursor-resize-x	Курсор изменения размера по горизонтали
.cursor-resize-y	Курсор изменения размера по вертикали
.cursor-wait	Курсор ожидания
.cursor-help	Курсор помощи

Примеры

Просмотр

default

pointer

disabled

wait

help

move

resize-x

resize-y

Код

<div class="flex gap-4 flex-wrap">
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-default">
    <p>default</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-pointer">
    <p>pointer</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-disabled">
    <p>disabled</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-wait">
    <p>wait</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-help">
    <p>help</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-move">
    <p>move</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-resize-x">
    <p>resize-x</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-resize-y">
    <p>resize-y</p>
  </div>
</div>