Opacity

You can browse this page to learn the opacity properties of the template.

You can use the default opacity values with the Bodrum template without writing a single line of CSS.

Examples

								
<img class="o-10" src="../html/gradient/assets/images/photos/about/3.jpg" alt="">
<img class="o-20" src="../html/gradient/assets/images/photos/about/3.jpg" alt="">
<img class="o-30" src="../html/gradient/assets/images/photos/about/3.jpg" alt="">
<img class="o-40" src="../html/gradient/assets/images/photos/about/3.jpg" alt="">
<img class="o-50" src="../html/gradient/assets/images/photos/about/3.jpg" alt="">
<img class="o-60" src="../html/gradient/assets/images/photos/about/3.jpg" alt="">
<img class="o-70" src="../html/gradient/assets/images/photos/about/3.jpg" alt="">
<img class="o-80" src="../html/gradient/assets/images/photos/about/3.jpg" alt="">
<img class="o-90" src="../html/gradient/assets/images/photos/about/3.jpg" alt="">
<img class="o-100" src="../html/gradient/assets/images/photos/about/3.jpg" alt="">