arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобраны: изменение типа курсора для отдельного элемента через правую панель (раздел «Дополнительно»), список доступных вариантов (pointer, grab, crosshair, not-allowed и другие), добавление кастомного SVG-курсора через CSS url(). Курсор pointer (рука) должен быть на всём, что кликабельно, — это стандарт UX. Default (стрелка) — для не кликабельных элементов. Кастомный SVG-курсор добавляется через поле «Пользовательские свойства» в классе: cursor: url('...') 16 16, auto. Урок для тех, кто хочет детально проработать UX интерактивных элементов или добавить нестандартный курсор как часть брендинга. Для базовых задач (pointer на кнопках) — только правая панель, без кода.

Как настроить курсор на сайте в Taptop

Наводишь на заголовок — браузер показывает текстовую черту, хотя это не редактируемое поле. Или нужен специальный курсор на интерактивных элементах. Как изменить курсор без кода?
Вид курсора настраивается для каждого элемента в правой панели свойств без кода. Если стандартных вариантов недостаточно — кастомный курсор задаётся через CSS-свойство cursor с указанием на изображение. Для всех. После просмотра управляешь видом курсора для любого элемента — убираешь нежелательный тип или задаёшь свой.
Тайминги видео
00:00 — Во время того, как ты пользуешься 01:08 — я хочу, чтобы при наведении на 02:14 — здесь, например, есть очень классная СВГшка 03:23 — бы движок в случае, если, допустим

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока