/var/www/vhosts/ihelp.ro/httpdocs/vendor/twbs/bootstrap/site/content/docs/5.3/utilities
NameSizeModeActions
api.md171350644editdlrm
background.md64600644editdlrm
borders.md77270644editdlrm
colors.md59580644editdlrm
display.md44200644editdlrm
flex.md221600644editdlrm
float.md17700644editdlrm
interactions.md22640644editdlrm
link.md45060644editdlrm
object-fit.md36900644editdlrm
opacity.md11780644editdlrm
overflow.md45340644editdlrm
position.md59450644editdlrm
shadows.md11650644editdlrm
sizing.md21160644editdlrm
spacing.md58480644editdlrm
text.md66710644editdlrm
vertical-align.md17030644editdlrm
visibility.md10480644editdlrm
z-index.md21610644editdlrm
Edit: /var/www/vhosts/ihelp.ro/httpdocs/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/opacity.md (1178B)
--- layout: docs title: Opacity description: Control the opacity of elements. group: utilities added: "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%
```html
...
...
...
...
``` ## 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" >}}