rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-10 03:46:13 +01:00
Code Issues Actions Packages Releases Activity
429e0c3b9d
Bootstrap/site/content/docs/5.3/utilities/opacity.md
XhmikosR 2c4e1cd660 Improve front matter "added" params 
Add missing ones and add the ability to show or hide the badge

Fixes a few more 404 errors in the version picker
2024-03-06 09:52:50 +02:00

1.3 KiB
Raw Blame History

layout title description group added
docs Opacity Control the opacity of elements. utilities
version
5.1

The opacity property sets the opacity level for an element. The opacity level describes the transparency level, where 1 is not transparent at all, .5 is 50% visible, and 0 is completely transparent.

Set the opacity of an element using .opacity-{value} utilities.

100%
75%
50%
25%
0%
<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

Sass utilities API

Opacity utilities are declared in our utilities API in scss/_utilities.scss. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}})

{{< scss-docs name="utils-opacity" file="scss/_utilities.scss" >}}