Отображение картинки по маске. Как реализован такой эффект?

Всем привет
Подскажите пожалуйста логику реализации такого эффекта:
Демонстрация gif
doitinbound.com/wp-content/uploads/2015/02/interco...
И на самом сайте:
https://www.intercom.io/customer-support

Картинка меняется как бы по маске, т.е. картинка с письмами в примере выступает в роли маски, скрывает нижний слой и закрывает его новым.
Можно ли такое сделать не в шапке сайта а, например, в середине? Как это вообще сделано?
Спасибо
  • Вопрос задан
  • 149 просмотров
Решения вопроса 1
IonDen
@IonDen
JavaScript developer. IonDen.com
Обычный креативный параллакс эффект. Никаких там масок нет, просто имитация. Ищите плагин здесь: www.unheap.com/?s=parallax
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@AndreyBLG Автор вопроса
Все проще, для реализации такого эффекта достаточно к изображениям применить background-attachment: fixed
Не знал этого, когда задавал вопрос, может кому-то пригодится
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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