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: .divide-opacity-25 / .divide-opacity-*

<div class="flex divide-x-4 divide-opacity-0 divide-teal-600 my-4">
  <div class="flex-1 text-center">1</div>
  <div class="flex-1 text-center">2</div>
  <div class="flex-1 text-center">3</div>
</div>
<div class="flex divide-x-4 divide-opacity-25 divide-teal-600 my-4">
  <div class="flex-1 text-center">1</div>
  <div class="flex-1 text-center">2</div>
  <div class="flex-1 text-center">3</div>
</div>
<div class="flex divide-x-4 divide-opacity-50 divide-teal-600 my-4">
  <div class="flex-1 text-center">1</div>
  <div class="flex-1 text-center">2</div>
  <div class="flex-1 text-center">3</div>
</div>
<div class="flex divide-x-4 divide-opacity-75 divide-teal-600 my-4">
  <div class="flex-1 text-center">1</div>
  <div class="flex-1 text-center">2</div>
  <div class="flex-1 text-center">3</div>
</div>
<div class="flex divide-x-4 divide-opacity-100 divide-teal-600 my-4">
  <div class="flex-1 text-center">1</div>
  <div class="flex-1 text-center">2</div>
  <div class="flex-1 text-center">3</div>
</div>

Preview

1
2
3
1
2
3
1
2
3
1
2
3
1
2
3

CSS source

.divide-opacity-0 { --divide-opacity: 0; }
.divide-opacity-25 { --divide-opacity: 0.25; }
.divide-opacity-50 { --divide-opacity: 0.5; }
.divide-opacity-75 { --divide-opacity: 0.75; }
.divide-opacity-100 { --divide-opacity: 1; }

More in Tailwind CSS Borders