在这个例子中，我如何复制倾斜的div？

Question

我正在尝试创建一个与此示例类似的单页网站： http://themeforest.net/theme_previews/6622929-glissando-creative-minimal-onepage-psd-template?index=1&url_name=glissando-creative-minimal-onepage-psd-template

我以为我可以使用transform css属性，但它并没有给我我想要的东西。有没有人对此有任何见解？我真的很喜欢编码！

谢谢！

HTML：

<div class="about">
            <div class="aboutcontent">

            </div>
        </div>

SCSS：

.about {
  width: 100%;
  background: white;
  transform: skewY(-5deg);
  padding: 150px;
  .aboutcontent {
    transform: skewY(5deg);
  }
}

Answer 1

我想出了答案！我上面的代码实际上是正确的。为了使我的网站看起来像示例，你应该在身体上放置一个背景图像，然后你可以适当地定位skewY div！