Cursor
Utilities for controlling the cursor style when hovering
over an element.
Default
Use cursor-auto to allow the browser to change the cursor based on the current content (e.g. automatically change to text cursor when hovering over text).
Hover mePointer
Use cursor-pointer to change the mouse cursor to indicate an interactive element (usually a pointing hand).
Hover meMove
Use cursor-move to change the mouse cursor to indicate something that can be moved.
Hover meText
Use cursor-text to change the mouse cursor to indicate the text can be selected (usually an I-beam shape).
Hover meZoom In
Use cursor-zoom-in to change the mouse cursor to indicate something is zoom in.
Hover meZoom Out
Use cursor-zoom-out to change the mouse cursor to indicate something is zoom out.
Hover meNot Allowed
Use cursor-not-allowed to change the mouse cursor to indicate something can not be interacted with or clicked.
Hover meWait
Use cursor-wait to change the mouse cursor to indicate something is happening in the background (usually an hourglass or spinner).
Hover me