CSS · Colour and backgrounds

background-clip

Limits the background to the content box or to the text glyphs.

cssRunnable example css course

Syntax

background-clip: text

Example

Try it

.demo { background: linear-gradient(90deg, #2f74c0, #e4472b); background-clip: text; color: transparent; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.