Opacity

The opacity property sets the opacity level for an element.

100 75 50 25 0
<!--opacity-->
                                                <span class="opacity-100 p-3 m-2
                                                        bg-primary text-light fw-bold rounded">100</span>
                                                <span class="opacity-75 p-3 m-2
                                                        bg-primary text-light fw-bold rounded">75</span>
                                                <span class="opacity-50 p-3 m-2
                                                        bg-primary text-light fw-bold rounded">50</span>
                                                <span class="opacity-25 p-3 m-2
                                                        bg-primary text-light fw-bold rounded">25</span>
                                                <span class="opacity-0 p-3 m-2
                                                        bg-primary text-light fw-bold rounded">0</span>