Skip to content
Visuals and effects

-webkit-background-clip

The vendor-prefixed form of `background-clip`, still commonly included for reliable gradient text rendering.

423 effects in the catalog use this property.

Syntax

-webkit-background-clip: text;

Watch out

Although standard `background-clip: text` is widely supported, some WebKit versions only recognize the prefixed form. Writing both costs almost nothing.

Effects using -webkit-background-clip

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