/bootstrap-opacity

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.

MIT LicenseMIT

Free Bootstrap Opacity & Utilities Collection

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.

How to use it?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized example and click show code to see the code

3. Copy & paste the code into your MDB project


📄 Documentation & usage guide

These components were built with a free Material Design UI Kit for the latest Bootstrap 5.

GitHub Stars


Basic example

Bootstrap 5 Opacity


For more examples visit our documentation.


Related Resources