html - 上一节中的重叠图像

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/