← Tailwind CSS classes list

Tailwind CSS class: .bg-cover

<div class="bg-cover h-48 w-64" style="background-image: url('https://tailwind.build/placeholders/pictures/office.jpg')"></div>

Preview

Check .bg-cover 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 →

CSS source

.bg-cover {
  background-size: cover;
}

More in Tailwind CSS Background