Skip to content

Commit

Permalink
Explicitly add missing opacity-0 helper class example for clarity.
Browse files Browse the repository at this point in the history
Add a missing opacity-0 helper class example. From existing examples, it wasn't obvious to me that this class exists. This commit makes it a bit more explicit.
  • Loading branch information
Hopiu authored and mdo committed Jun 25, 2023
1 parent 6dc18c6 commit 787dfea
Showing 1 changed file with 2 additions and 0 deletions.
2 changes: 2 additions & 0 deletions site/content/docs/5.3/utilities/opacity.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,13 +15,15 @@ Set the `opacity` of an element using `.opacity-{value}` utilities.
<div class="opacity-75 p-3 m-2 bg-primary text-light fw-bold rounded">75%</div>
<div class="opacity-50 p-3 m-2 bg-primary text-light fw-bold rounded">50%</div>
<div class="opacity-25 p-3 m-2 bg-primary text-light fw-bold rounded">25%</div>
<div class="opacity-0 p-3 m-2 bg-primary text-light fw-bold rounded">0%</div>
</div>

```html
<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</div>
<div class="opacity-0">...</div>
```

## CSS
Expand Down

0 comments on commit 787dfea

Please sign in to comment.