Свойство text-fill-color
Свойството text-fill-color property задава
цвят на запълване на текстови символи или тяхната прозрачност
чрез стойността transparent.
Синтаксис
селектор {
text-fill-color: цвят или transparent;
}
Пример
Нека зададем на нашия текст градиентно запълване с прозрачност:
<p>
This is a text.
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
font-size: 26px;
background: linear-gradient(#c42222, #ffef5e);
-webkit-background-clip: text;
background-clip: text;
}
:
Вижте също
-
свойство
text-stroke,
което задава контур на текста -
свойство
text-stroke-color,
което задава цвят на контура на текста -
свойство
text-stroke-width,
което задава дебелина на контура на текста