Есть ли способ наложить линейный градиент на изображение героя и создать эффект параллакса для текста? - PullRequest
0 голосов
/ 22 октября 2019

Я пытаюсь создать линейный градиентный фон с изображением героя, где текст - это единственное, что отображает градиент. Вот мой текущий код и несколько снимков экрана.

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

.homePage-hero-headline {
      background: linear-gradient(to left, #63908a, #88889c, #c9769c, #e07d9e, #e17975, #d77829);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-stroke: 8px transparent;

    }

Текущий выпуск

...