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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от madelyn_hintz , 3 месяца назад

@velma  Добавить градиент на текст в CSS можно следующим образом:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
  <head>
<style>
      p {
        font-size: 30px;
        background: linear-gradient(45deg, #eb7f26 10%, #80ac19 20%, #e70d94 30%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
      }
    </style>
  </head>
  <body>
    <p>Градиент текста в CSS</p>
  </body>