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

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

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

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

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

622983de07e47588971177.png

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

6229842019baa295693490.png
  • Вопрос задан
  • 862 просмотра
Подписаться 2 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Фронтенд-разработчик
    11 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка
    3 месяца
    Далее
Решения вопроса 1
RAX7
@RAX7
Режимы наложения тут вряд ли помогут, проще продублировать текст и скрывать лишнее через clip-path
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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