Создание разных типов курсора



В CSS есть множество разных типов курсоров, и все они созданы с помощью одного свойства cursor. Оно определяет тип отображаемого курсора при наведении мыши на объект.



В этом посте, я показывал все типы курсоров которые существуют в css. А снизу пример кода, как использовать эти свойства.



<button class="progress">progress</button>

<button class="wait">wait</button>

<button class="not-allowed">not-allowed</button>


.progress       { cursor: progress;}

.wait { cursor: wait;}

.not-allowed { cursor: not-allowed;}



button {

width: 100px;

height: 35px;

border: 1px solid #eee;

border-radius: 5px;

background-color: #fff;

}




@code_ready | #обучение #css