Skip to content
Visuals and effects

-webkit-text-fill-color

Sets the fill color of text independently from `color`. It is commonly used to make the fill transparent for gradient text.

247 effects in the catalog use this property.

Syntax

-webkit-text-fill-color: <color> | transparent;

Watch out

Unlike `color: transparent`, this changes only the glyph fill. A stroke created with `-webkit-text-stroke` can remain visible while the interior stays transparent.

Effects using -webkit-text-fill-color

These are working effects from the catalog. Open a tile to inspect the full source.