Как сделать текст градиентом?

167
23 июля 2019, 08:30
            <div class="promo_desc">
                <p>Автогамак<br />
                Для Собак<br />
                В Машину<br />
                3х слойный<br />
                от 2390 р.</p>
            </div>

Вот макет

Как такое реализовать на CSS?

Answer 1

body { 
  padding: 0; 
  margin: 0; 
  min-height: 100vh; 
  display: flex; 
} 
 
h1 { 
  margin: auto; 
  text-align: center; 
  font-size: 40vh; 
  display: inline-block; 
  background-image: linear-gradient(red, blue); 
  color: transparent; 
  -webkit-background-clip: text; 
  background-clip: text; 
}
<h1>Lorem<br>ipsum</h1>

READ ALSO
Наложение лого поверх фона
HTML

Наложение лого поверх фона

Столкнулся с такой проблемой, как наложение лого поверх фона(background)Хочу чтобы было не все изображение, а только текст, которые ляжет поверх...

 152
Как получить результат в модальном окне?
HTML

Как получить результат в модальном окне?

Столкнулся с такой проблемой как отправка формы без перезагрузки страницы методом GET Например есть форма

 210
Тормозит ресайз окна
HTML

Тормозит ресайз окна

При растягивании/сжатии окна содержимое адаптируется с ужасным торможениемСтраница очень длинная, работает на вп, имеет несколько слик-слайдеров...

 155
В чем различие выводов сообщений?
HTML

В чем различие выводов сообщений?

Цель: вывести на экран сообщение в контейнере с id="alert-container"Написать можно по-разному:

 144