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

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

5e2a042b5d2e0268947204.png

Как повторить такой же градиент, чтобы посередине текста была белая часть/градиент/цвет/фигура?
  • Вопрос задан
  • 136 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 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>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы