Прозрачность

Вы можете использовать прозрачность для оформления наложения для изображений. Прозрачность рекомендуется использовать совместно с маской.

Параметры

Использование модификатора: .o-{контрольная точка}-{степень прозрачности}

  • Контрольная точка. Необязательный параметр. Отображает прозрачность только для определенного диапазона, в соответствии с контрольными точками (-sm, -md, -lg, -xl).
  • степень прозрачности. Обязательный параметр. Указывает степерь прозрачности элемента. Принимает значение от 0 (0%) до 9 (90%).

Возможно сочетания различной степени прозрачности для разных разрешений экрана:

  • .o-4 – прозрачность 40%
  • .o-1 .o-sm-2 .o-md-3 – прозрачность 10% по умолчанию. На небольших устройствах прозрачность 20%, на больших – 30%

Примеры использования

.o-0

.o-1

.o-2

.o-3

.o-4

.o-5

.o-6

.o-7

.o-8

.o-9

		
<img src="<ссылка на изображение>" class="img-fluid">
<div class="mask bg-black o-3"></div>
<div class="content align-center"><p class="c-white t-3">.o-3</p></div>