The bg-clip-padding class belongs to the background clip group within the backgrounds category.
Here is an example of how to use bg-clip-padding:
<div class="bg-clip-padding p-4 m-4 border-8 border-primary border-dotted w-32 h-32 rounded-xl bg-purple-300"></div>
background-clip: padding-box;
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!