is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
← Tailwind CSS classes list

Tailwind CSS class: .bg-clip-text

    <div class="text-4xl font-bold">
        <div class="bg-blue-100 p-4">
            <span class="bg-clip-text text-transparent bg-gradient-to-b from-yellow-300 to-purple-700">Text example</span>
        </div>
    </div>

Preview

Text example

Check .bg-clip-text in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

More in Tailwind CSS Background clip