Interactive
Cursor
cursor-pointer | curosr: pointer; |
cursor-wait | curosr: wait; |
cursor-grab | curosr: grab; |
cursor-grabbing | curosr: grabbing; |
cursor-no-drop | curosr: no-drop; |
cursor-copy | curosr: copy; |
cursor-move | curosr: move; |
cursor-not-allowed | curosr: not-allowed; |
cursor-zoom-in | curosr: zoom-in; |
cursor-zoom-out | curosr: zoom-out; |
cursor-none | curosr: none; |
cursor-progress | curosr: progress; |
cursor-text | curosr: text; |
cursor-help | curosr: help; |
cursor-default | curosr: default; |
cursor-auto | curosr: auto; |
Usage
<div class="cursor-pointer w-72">
<img src="/lovelydog.png" alt="my lovely dog Rosie" class="w-full" />
</div>