FM / utilities

/var/www/vhosts/ihelp.ro/httpdocs/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/

/var/www/vhosts/ihelp.ro/httpdocs/vendor/twbs/bootstrap/site/content/docs/5.3/utilities

Name	Size	Mode	Actions
api.md	17135	0644	edit dl rm
background.md	6460	0644	edit dl rm
borders.md	7727	0644	edit dl rm
colors.md	5958	0644	edit dl rm
display.md	4420	0644	edit dl rm
flex.md	22160	0644	edit dl rm
float.md	1770	0644	edit dl rm
interactions.md	2264	0644	edit dl rm
link.md	4506	0644	edit dl rm
object-fit.md	3690	0644	edit dl rm
opacity.md	1178	0644	edit dl rm
overflow.md	4534	0644	edit dl rm
position.md	5945	0644	edit dl rm
shadows.md	1165	0644	edit dl rm
sizing.md	2116	0644	edit dl rm
spacing.md	5848	0644	edit dl rm
text.md	6671	0644	edit dl rm
vertical-align.md	1703	0644	edit dl rm
visibility.md	1048	0644	edit dl rm
z-index.md	2161	0644	edit dl rm

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.

```html
<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</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" >}}

cmd: