Zurb 's Foundation 컬럼에 웨이브가있는 이미지

Question

WordPress 웹 사이트의 경우 CSS 프레임 워크 파운데이션 6을 사용하고 있습니다. 디자인에 2 개의 큰 6 열이있는 행이 있습니다. 각 열은 이미지로 채워집니다. 그러나 이러한 이미지는 내부에 물결 모양이 있습니다. 첨부 된 이미지를 참조하십시오.

The row with 2 columns

은 지금은 내부 이미지 2 열을 만들었습니다,하지만 내 문제는 내가 그 두 이미지를 얻을 수 없다 서로 내가 공유 한 이미지에서와 같이 "터치"로 설정합니다. 참조 펜 : https://codepen.io/Jerryschouwink/pen/MmVeQL

<div class="row expanded collapse"> 
    <div class="large-6 columns"> 
    <img src="http://projecten.webinc.nl/pen/img-left.png"> 
    </div> 
    <div class="large-6 columns"> 
    <img src="http://projecten.webinc.nl/pen/img-right.png"> 
    </div> 
</div> 

어떻게 이렇게 말해 줄 수있는 사람이 있습니까?

덕분에, 제리

Answer 1

당신은 이미지를 클래스를 제공하고 그것에 부정적인 여백을 추가해야합니다. 당신의 공헌에 대한

.right{ 
    margin-left: -35px; 
} 

https://codepen.io/hunzaboy/pen/PmRGPB