Паттерны

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

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

.bg-p1

.bg-p2

.bg-p3

.bg-p4

.bg-p5

.bg-p6

.bg-p7

.bg-p8

.bg-p9

.bg-p10

.bg-p11

.bg-p12

.bg-p13

.bg-p14

.bg-p15

.bg-p16

.bg-p17

.bg-p18

.bg-p19

.bg-p20

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

Наложение на цвет

.bg-green + .o-5 + .bg-p16

.bg-red + .o-3 + .bg-p6

.bg-purple + .o-6 + .bg-p19

.bg-black + .o-4 + .bg-p20

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