Задать вопрос
@vnem
Веб разработчик | Front End | Back End

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

5e2a042b5d2e0268947204.png

Как повторить такой же градиент, чтобы посередине текста была белая часть/градиент/цвет/фигура?
  • Вопрос задан
  • 139 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Big_Trouble
@Big_Trouble
Программист недосамоучка
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <style>
h1 {
  font-family: 'Rubik One', sans-serif;
font-size: 50px;
background-image: radial-gradient(circle, #ffffff, #c4bcc7, #947a8a, #683d49, #370505);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: table;
}
  </style>
  <title>Document</title>
</head>
<body>
<h1>Test Text</h1>
</body>
</html>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽