CSS эффект для текста

Question

CSS эффект для текста

Рейтинг: 1Ответов: 1Опубликовано: 29.05.2023

Подскажите пожалуйста, как реализовать такой эффект в CSS, и если можете, подскажите как такой эффект называется, я даже не до конца понимаю "как его гуглить"

css css3

Источник: Stack Overflow на русском

Answer 1

▲ 4Принят

Как вариант, пример ниже.

Ищите по CSS text gradient, чтобы разнообразить пример и настроить под нужный градиент и/или цвет.

span {
  background: linear-gradient(90deg, #CDCCCC 0%, #000000 50%, #CDCCCC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="UTF-8">
  <title>CSS эффект для текста</title>
</head>

<body>
  <p>
    <span>CSS эффект для текста</span>
  </p>
</body>

</html>

CSS эффект для текста

Ответы