html

    
  
     
    
      
  
     
  
     
    
      
  
     
    
复制代码

scss

.across {      width: 100%;      height: 100%;      overflow: hidden;      .img {        display: inline-block;        width: 100%;        height: 100%;        overflow: hidden;        div {          height: 100%;          background-position: center center;          background-size: cover;        }        &:first-child {          transform: translateX(-50%) skewX(-55deg);          div {            transform: translateX(50%) skewX(55deg);//图片归位          }        }        &:last-child {          position: relative;          bottom: calc(100% + 2px);          left: 0;          transform: translateX(50%) skewX(-55deg);          div {            transform: translateX(-50%) skewX(55deg);          }        }      }    }复制代码