Как сделать кастомный курсор в CSS?

Question

Accepted Answer

## Как это устроено

Свойство `cursor` принимает keyword или `url(...)` с обязательным fallback.

```css
.canvas {
  cursor: crosshair;
}
.branded {
  cursor: url("/cursors/pen.png") 4 4, pointer;
}
```

Координаты после URL — hotspot (точка клика). Форматы и размеры ограничены браузерами (часто небольшие PNG). Всегда указывайте запасной курсор (`pointer`, `default`).

Не заменяйте курсор так, чтобы пропала affordance (руки на ссылках, resize на ручках).

## Итог

`cursor: url(...) x y, fallback`. Ключевые слова покрывают 95% UI; кастом — для редакторов/игр с осторожностью.