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

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

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

Стирание верхней картинки при ховере и движениями мышью. Сначала мы видим просто синий ховер (2), затем, если двигаем мышью, открывается картинка ниже слоем (3).
5b5f91172ddf6751045205.jpeg5b5f911d8dd68405655031.jpeg5b5f916ba1518553693495.jpeg
  • Вопрос задан
  • 568 просмотров
Комментировать
Подписаться 2 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
profesor08
@profesor08 Куратор тега CSS
Тут два варианта, либо все рисовать на canvas, либо на svg path. На canvas проще, тут главное уметь рисовать круг с текстурой, ну а дальше понятно, много кругов, которые перекрывают фон.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 200 000 до 300 000 ₽
Web-разработчик/WordPress программист (Full-stack)
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Ещё вакансии