Задать вопрос
@doroshenko_magic

Как сделать такой сайт?

https://meetwalter.com
Как сделать, чтобы картинка изменяла плавно свою прозрачность в зависимости от расположения курсора как на сайте?
  • Вопрос задан
  • 246 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
Ответ написан
Комментировать
@toly19
На сайте отдельно видео без эффектов+4 картинки.
Там отдельно изменяются прозрачности всех четырех картинок сразу.
По поводу прозрачности в зависимости от положения курсора( как я думаю):
Для каждой картинки есть условный центр действия- чем ближе курсор к нему, тем меньше прозрачность картинки.
Двигая курсор, рассчитываешь расстояние между двумя точками- курсором и условным центром,
и считаешь прозрачность( интерполяция тебе в помощь).
skeleton-overlay-system.jpgskeleton-overlay-emotional.jpgskeleton-overlay-cognition.jpgskeleton-overlay-biosocial.jpg
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы