Как сделать градиентный текст css?

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

от nicolette.stoltenberg , в категории: HTML/CSS , 2 месяца назад

Как сделать градиентный текст css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от helmer , 2 месяца назад

@nicolette.stoltenberg  Сделать градиентный текст в CSS можно так:


HTML:

1
2
3
<body>
      <p>Градиентный текст</p>
  </body>


CSS:

1
2
3
4
5
6
p{
   background: linear-gradient( #0B2349 33%, #bc0da5 66%, #8AA9D6);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-size: 50px;
}