上一节中的重叠图像

Question

我正在使用引导程序4。登录页面上有几个部分。

我想在前面的部分上重叠这3张图像。那可能吗。我怎样才能做到这一点？

我正在使用的引导程序代码：

 <!-- the section on top uses the same html estructure -->
 <section class="test" id="test">
    <div class="container">          
      <div class="row">            
        <div class="col-lg-4">
          <p class="text-faded mb-4 text-white">                
            <img src="img/test.png" />
          </p>
        </div>            
        <div class="col-lg-4 text-center">
          <p class="text-faded mb-4 text-white">
              <img src="img/test.png" />
          </p>
        </div>
        <div class="col-lg-4 text-center">
            <p class="text-faded mb-4 text-white">
                <img src="img/test.png" />
            </p>
        </div>  
      </div>
    </div>
  </section>

Answer 1

我的信誉不足，因此无法发表评论，

使用translateY(distance)属性中的transform值。因此，如果您要将图像放大10像素，则为transform: translateY(-10px)。

请参阅示例小提琴：http://jsfiddle.net/aq9Laaew/167340/