Css 如何使这个DIV透明？

我给了一个形状，但当我把它放在一个标题白色背景的div来，我想使该div透明。我只希望后面的白色div是透明的

.shape{
height:300px;
background:#1EC8D7;
position:relative;
overflow:hidden;
z-index:999;
}
.shape:after,.shape:before{
content:"";
position:absolute;
background:#FFF;
height:200px;
width:110%;
}
div:before{
bottom:100%;

transform-origin:0 100%;
-ms-transform-origin:100% 0;
-webkit-transform-origin:0 100%;

transform:rotate(3deg);
-ms-transform:rotate(3deg);
-webkit-transform:rotate(3deg);
 }
.shape:after{
top:100%;
 transform-origin:0 0;
-ms-transform-origin:0 0;
-webkit-transform-origin:0 0;

transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
 }

---

你能贴一张预期结果的照片吗？也许还可以用你现在得到的创建一个（这里缺少标记）这是我想要在横幅上放置一个div吗？绿色的是一个带有css旋转的div！[在此处输入图像描述][1][1]：确定单击此处，然后将所有相关代码粘贴到此处。帮助我们帮助你，我们需要你的HTML标记，因为我不想为你写，如果你已经做了。给你，检查一下