Html CSS将阴影添加到有角度的div

我有以下代码：

。成角度的{
背景色：红色；
高度：120px；
宽度：100%；
-webkit剪辑路径：多边形（0,1600px 0,1600px 53%，0,100%）；
剪辑路径：多边形（0,1600px 0,1600px 53%，0,100%）；
}

---

<代码> <代码> > p>您可以考虑一个倾斜元素作为背景，您可以很容易地应用嵌入阴影：

.angeled{
位置：相对位置；
高度：120px；
溢出：隐藏；
z指数：0；
}
安吉丽德：以前{
内容：“；
位置：绝对位置；
z指数：-1；
顶部：-20px；
左：-20px；
右：-20px；
底部：0；
变换原点：左；
变换：歪斜（-3deg）；
背景：红色；
盒子阴影：0-2px20px绿色插图
}

---

您可以使用

过滤器：放置阴影

。见文件：

.angeled{
背景色：红色；
高度：120px；
宽度：100%；
-webkit剪辑路径：多边形（0,1600px 0,1600px 53%，0,100%）；
剪辑路径：多边形（0,1600px 0,1600px 53%，0,100%）；
}
.外部{
滤光片：阴影（10px 10px 10px rgba（0,0,0,0.5））；
}

---

如果您没有绑定到使用多边形：）

div.wrapper{
溢出：隐藏；
高度：150像素；
}
保利区{
宽度：100%；
高度：100px；
背景色：#F00；
盒影：0px 5px 15px rgba（0,0,0,6）；
变换：旋转（-2deg）比例（1.2）；
变换原点：30px 0px；
}

您提到的解决方案不适用于我的情况，因为我需要将阴影应用于下边缘。更新。我想这就是你想要的。你需要2个元素来为多边形创建一个好的阴影：）使用drop shadow属性并享受其中的乐趣，如果你愿意，你可以应用内部阴影！但我认为你们在寻找外部阴影，我错了吗？用一个隐藏的div溢出包起来，在底部添加一些填充物，你们就可以开始了！经过一些修改，您可以使用一个元素来实现您的方法：D nice one！我喜欢！