html - Angular 组件倾斜的背景

Question

我遇到了 CSS 调整的一个小设计问题。我倾斜了所有部分和元素的背景，但在页脚附近，我想加入文章和页脚，它没有根据设计进行调整，请问有人能帮忙解决一下吗？这是我的 plunker 链接。

<https://plnkr.co/edit/iCgonAiCoBUfSaAF851P?p=preview>

Answer 1

将 CSS 更改如下

section {
background: #191919;
  color: white;
}
section, article {
  transform: skew(0deg, -10deg);
  padding: 20px;
}
section>div, article >div{
    transform: skew(0deg, 10deg);
}
article {
  background: white;
  color: black;
}

Plunker Link