Zurb基金会专栏中带有波浪的图像

Question

对于WordPress网站，我正在使用CSS框架Foundation 6。 该设计有一行包含2个大6列。每列填充图像。然而，这些图像在内部具有波形。见我附上的图片。

The row with 2 columns

现在我已经在里面创建了两列图像，但我的问题是我无法让这两张图像相互“触摸”，就像我分享的图像一样。 见笔：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