Свежий хак] [Доброго дня, дорогие. Сегодня такое… — Freelance Choice. Вакансии по копирайтингу

Freelance Choice. Вакансии по копирайтингу@freelancechoice · 15.6K subscribers Open in TelegramOpen

[Свежий хак]

[Доброго дня, дорогие.

Сегодня такое, полуразвлекательное.

Допустим, вы хотите на свой личный (или клиентский) сайт добавить кастомный курсор. Почему бы и нет.

Ну, потому что это круто выглядит, а делается за минуту. Например, как у ребят из Doubletapp.ai, после чего мы и задумались, а как это вообще устроено.

Например, хочется курсор из Windows 95/98 — в виде культовой белой стрелки с тонкой чёрной обводкой и лёгкой тенью (1).

Мы уже чуть изучили вопрос (инфо любезно предоставил товарищ Deepseek), рассказываем.

Есть два способа, попроще и посложней.

☕️ Простой: используем свойство «cursor: url()» и встраиваем SVG‑код прямо в CSS. Такой курсор будет работать без JavaScript (скриншот №2).

☕️ Сложный нужен, если вы хотите добавить тень, анимацию или эффект «песочных часов» при загрузке.

Тогда удобнее управлять курсором через JS. Рисуем стрелку через CSS (или даже через Canvas) и двигаем её за мышкой (скриншот №3).

☕️ А если нужен прям идентичный курсор из Windows (с пиксельной точностью), можно тупо скачать готовый .cur‑файл и вставить его через «cursor: url('win95.cur')».

Просто идея, но сколько ностальгии и тепла появится просто от взаимодействия с сайтом.

На подумать и, может, запилить на выходных...]

*\*

#FreelanceChoiсe_Life

t.me/freelancechoice/6567 Translate