Я пытаюсь использовать изображение со свойствами CSS transform
в качестве фона для div
с форматированным текстом и значками, используя Bootstrap's .row
& .col
.чтобы преобразовать, нужно ссылаться на изображение в CSS, мне нужно изображение src
на моей HTML-странице, но чтобы использовать изображение в качестве фона строки, оно должно быть связано в CSS.
Изображениеtransform - это небольшой зум, мой код;https://codepen.io/jvern22/pen/xQPrwb
сокращено;
.item:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
Мой форматированный текст выглядит так;https://codepen.io/jvern22/pen/JeOJKY
сокращено;
<div class="row">
<div class="col-sm-6 features-box wow fadeInLeft">
<div class="row">
<div class="col-sm-3 features-box-icon">
<i class="fas fa-globe-americas"></i>
</div>
<div class="col-sm-9">
<h3>Your Own Web Address</h3>
<p>
You can even have your tour files hosted by us with a web address just for your tour!
</p>
</div>
</div>
</div>
<div class="col-sm-6 features-box wow fadeInLeft">
<div class="row">
<div class="col-sm-3 features-box-icon">
<i class="fas fa-globe-americas"></i>
</div>
<div class="col-sm-9">
<h3>Your Own Web Address</h3>
<p>
You can even have your tour files hosted by us with a web address just for your tour!
</p>
</div>
</div>
</div>
</div>