Skip to main content

Chassis v5.5.0

Cursor utilities

Specify which mouse cursor to display when an element is hovered.

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

<div class="ch-move"></div>
<!-- cursor: move; -->

<div class="ch-zoom-in"></div>
<!-- cursor: zoom-in; -->

<div class="ch-zoom-out"></div>
<!-- cursor: zoom-out; -->

<div class="ch-not-allowed"></div>
<!-- cursor: not-allowed; -->

<div class="ch-auto"></div>
<!-- cursor: auto; -->