css3滚动倾斜,css3 - 防止在倾斜div时从左向右滚动 - 堆栈内存溢出

我在这里搜索过，找不到答案，因此，如果以前曾问过这个问题，我深表歉意。

无论如何，即时通讯创建了一个网站，即时通讯使用的效果之一是倾斜的div效果。

但是当我使用转换创建它时，由于某种原因旋转并倾斜，这使网站从左向右滚动。

香港专业教育学院试图将溢出隐藏在父div上，但它随后隐藏了倾斜效果。

这是我的代码...

HTML：

CSS：

.container{width:100%;position:relative;}

.slant{

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

top: -45px;

position: absolute;

width: 100%;

background-color: inherit;

left: 0;

height: 120px;

overflow: hidden;

z-index: 200;

-webkit-transform: rotate(-2deg) skew(-2deg) scale(1.1,1);

-mox-transform: rotate(-2deg) skew(-2deg) scale(1.1,1);

-ms-transform: rotate(-2deg) skew(-2deg) scale(1.1,1);

-o-transform: rotate(-2deg) skew(-2deg) scale(1.1,1);

transform: rotate(-2deg) skew(-2deg) scale(1.1,1);

}

我听说您可以使用:: before伪元素来做到这一点，但老实说，我不知道并且似乎无法找到一个教程向我展示。

欢迎任何帮助，我们将不胜感激

谢谢