Использование изображения со свойствами CSS Transform в качестве фона Div - PullRequest
0 голосов
/ 20 ноября 2018

Я пытаюсь использовать изображение со свойствами 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...