Как сделать чтобы цвет текста при скролле переходил из градиента в белый?

По задумке дизайнера требуется, чтобы при скролле градиентный текст замещался аналогичным с белым цветом на фотографическом фоне.

С помощью mix-blend-mode и background-clip удалось только сделать так что цвет меняется на полупрозрачный градиент:

https://codepen.io/tomlam/pen/ZEagWrV?editors=1100

622983de07e47588971177.png

Как сделать его белым? Чтобы было вот так:

6229842019baa295693490.png
  • Вопрос задан
  • 831 просмотр
Решения вопроса 1
RAX7
@RAX7
Режимы наложения тут вряд ли помогут, проще продублировать текст и скрывать лишнее через clip-path
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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