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

Пользователь

от emanuel_boyer , в категории: HTML/CSS , 6 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от cheyenne.boehm , 6 месяцев назад

Текст градиентом в css, можно выполнить следующим образом:


HTML:

1
2
3
<body>
    <p class="text">Привет! Как дела?</p>
</body>


CSS:

1
2
3
4
5
6
7
.text {
    font-size: 100px;
    color: transparent; 
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to bottom, red, fuchsia);
}