Shuffle for Tailwind CSS
How it works Features Components Pricing
Log in Try Demo
← Tailwind CSS classes list

Tailwind CSS class: .bg-opacity-100

<div class="bg-opacity-100 bg-teal-400 m-2 h-16 w-16"></div>

Preview

Check .bg-opacity-100 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-opacity-100 { --bg-opacity: 1; }

More in Tailwind CSS Background

  • .bg-auto
  • .bg-cover
  • .bg-contain
  • .bg-bottom
  • .bg-top
  • .bg-center
  • .bg-left
  • .bg-left-bottom
  • .bg-left-top
  • .bg-right
  • .bg-right-bottom
  • .bg-right-top
  • .bg-fixed
  • .bg-local
  • .bg-scroll
  • .bg-no-repeat
  • .bg-repeat
  • .bg-repeat-x
  • .bg-repeat-y
  • .bg-repeat-round
  • .bg-repeat-space
  • .bg-opacity-0
  • .bg-opacity-25
  • .bg-opacity-50
  • .bg-opacity-75
  • .bg-none
Tailwind CSS
  • Tailwind Editor
  • Tailwind Components
  • Tailwind Templates
© 2025 Shuffle
Terms Privacy Policy Licenses Support Components Templates Tailwind CSS

Tailwind Builder is a product of Shuffle and is not affiliated with Tailwind CSS or Tailwind Labs.

Switch to the Tailwind Editor by Shuffle