bg-clip-text

The bg-clip-text class belongs to the background clip group within the backgrounds category.

Example Usage

Here is an example of how to use bg-clip-text:

<div class="bg-clip-text p-4 m-4 border-8 border-primary border-dotted w-32 h-32 rounded-xl bg-purple-300"></div>

Resulting CSS

-webkit-background-clip: text;
background-clip: text;

Other Background clip Classes

bg-clip-borderbg-clip-paddingbg-clip-content
View other Backgrounds classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!