Картинка вместо курсора при наведении на элемент следует за курсором. Кастомный ховер на webflow

Изображение появляется при наведении мышки на блок или элемент и следует за движением мышки симулируя курсор, при этом обычного курсора не видно. Данный эффект появления элемента вместо курсора часто используют например в портфолио, когда наведясь на название работы мы можем ее сразу увидеть и она следует за нашими движениями пока курсор находится в пределах данного блока. Сам эффект достаточно простой и делается стандартными средствами вебфлоу. Одна анимация будет на все блоки с данным эффектом. ••••••••••••••••••••••••••••••• — Полезные штуки для webflow freelance-blog.com/webflow/ — Индивидуальное обучение freelance-blog.com/study/ — Блог про фриланс и вебфлоу freelance-blog.webflow.io/ ••••••••••••••••••••••••••••••• ❓❓❓ Что такое этот вебфлоу? Почему это НЕ конструктор? Как на нем зарабатывать больше денег, чем остальные? • Что такое webflow и как правильно про... БЕСПЛАТНЫЕ курсы по webflow: 👉 • Базовый расширенный (для новичка) • Курс для новичка по webflow 👉 • Базовый ускоренный, для новичка который спешит • Трелло для фрилансера, ускоряем свою ... 👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портфолио в webflow 👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по разработке сайта с... 👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, бесплатный курс по ве... ••••••••••••••••••••••••••••••• Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! freelance-blog.com/study/ Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас. ••••••••••••••••••••••••••••••• Моя почта — artstrangers@gmail.com Телеграм t.me/artstranger ••••••••••••••••••••••••••••••• 👉 • Портфолио — freelance-blog.com/ 👉 • Инстаграм — www.instagram.com/freelance_p... 👉 • Бесплатные плюшки — freelance-blog.com/webflow/ 👉 • Материалы для уроков — freelance-blog.webflow.io/ 👉 • Индивидуальное обучение — freelance-blog.com/study/ ••••••••••••••••••••••••••••••• Таймкоды: 00:00 Демонстрация итогового результата 01:00 Готовим основу 02:42 Создаем блок при наведении на который будет появляться наш нестандартный курсор 03:20 Собственно добавляем картинку, которая будет вместо курсора 04:39 Прописываем анимацию зависимости движения мышки и движения картинки 11:08 Делаем больше блоков на основе первого 12:52 Итоги