Свойство text-fill-color
Описание
Устанавливает цвет заливки символов текста. Браузеры при наличии color игнорируют его и отдают предпочтение text-fill-color.
text-fill-color обычно применяется для создания различных эффектов шрифта, например, текст с градиентом или контуром.
Браузеры поддерживают свойство с префиксом -webkit-text-fill-color.
Синтаксис
text-fill-color: цвет | transparent;Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#test {
font-weight: 900;
background: linear-gradient(45deg, #c42222, #2200ff);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
<h2 id='test'>Градиентный текст</h2>
</body>
</html>Читайте также
Стили к элементам указанного типа
Псевдокласс :nth-of-type используется для добавления стиля к элементам на основе нумерации в дереве элементов. В отличие от псевдокласса :nth-child от...
Свойство transition-timing-function
Устанавливает, насколько быстро должно изменяться значение стилевого свойство для которого применяется эффект перехода.
transition-timing-funct...
Свойство unicode-bidi
В европейских языках чтение текста происходит слева направо, в то время как есть языки, где текст читается справа налево. При смешении в одном докумен...
Свойство outline-width
Указывает толщину внешней границы элемента.
В отличие от свойства border-width, для outline-width нельзя задать границу для каждой стороны элем...