Skip to content

Cursor

Cursor utilities specify which mouse cursor to display when mouseover.

c-hand
c-move
c-zoom-in
c-zoom-out
c-not-allowed
c-auto
html
<!-- cursor: hand; -->
<div class="c-hand"></div>
<!-- cursor: move; -->
<div class="c-move"></div>
<!-- cursor: zoom-in; -->
<div class="c-zoom-in"></div>
<!-- cursor: zoom-out; -->
<div class="c-zoom-out"></div>
<!-- cursor: not-allowed; -->
<div class="c-not-allowed"></div>
<!-- cursor: auto; -->
<div class="c-auto"></div>