Задать вопрос
gimmeemoar
@gimmeemoar
javascript

Как сделать такой стёрка-эффект ховера?

Привет! Есть ли способы реализовать такую задумку? Записала видео.
https://drive.google.com/open?id=1JxIchObGQO-J0Ap1...

Стирание верхней картинки при ховере и движениями мышью. Сначала мы видим просто синий ховер (2), затем, если двигаем мышью, открывается картинка ниже слоем (3).
5b5f91172ddf6751045205.jpeg5b5f911d8dd68405655031.jpeg5b5f916ba1518553693495.jpeg
  • Вопрос задан
  • 564 просмотра
Комментировать
Подписаться 2 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 1
profesor08
@profesor08 Куратор тега CSS
Тут два варианта, либо все рисовать на canvas, либо на svg path. На canvas проще, тут главное уметь рисовать круг с текстурой, ну а дальше понятно, много кругов, которые перекрывают фон.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Конвертировать в SVG из PNG
03 мая 2024, в 01:20
200 руб./за проект
Решить контрольную по линейной алгебре 3 мая в 10:00
03 мая 2024, в 01:14
3000 руб./за проект
Установщик на INNO SETUP
03 мая 2024, в 00:45
1000 руб./за проект
Ещё заказы