如何使用剪辑路径或任何其他方式在css中创建以下形状

我试图达到这个形状，但不能得到想要的结果。我用它在一个引导转盘

下面是我到目前为止得到的

div{
高度：300px；
宽度：350px；
背景:#4141；
剪辑路径：多边形（0 10%，100%23%，100%90%，0%100%）；
滤镜：投影（30px 10px 4px#2ec）；
}

你好

我的尝试

图{
位置：相对位置；
透视图：600px；
边界：0；
利润率：50像素；
宽度：400px；
高度：300px；
显示：内联块；
}
img{
利润率：10像素0.15像素；
边框：2件纯金；
宽度：继承；
身高：继承；
位置：绝对位置；
z指数：2；
边界半径：40px；
变换：旋转（20度）旋转（-2度）；
}
图：之前{
内容：“；
显示：块；
位置：绝对位置；
z指数：1；
左：-8px；
顶部：15px；
边界半径：40px；
变换：旋转（5度）旋转（4度）比例（.95）；
身高：继承；
宽度：继承；
背景：#ccc；
}

我的尝试

图{
位置：相对位置；
透视图：600px；
边界：0；
利润率：50像素；
宽度：400px；
高度：300px；
显示：内联块；
}
img{
利润率：10像素0.15像素；
边框：2件纯金；
宽度：继承；
身高：继承；
位置：绝对位置；
z指数：2；
边界半径：40px；
变换：旋转（20度）旋转（-2度）；
}
图：之前{
内容：“；
显示：块；
位置：绝对位置；
z指数：1；
左：-8px；
顶部：15px；
边界半径：40px；
变换：旋转（5度）旋转（4度）比例（.95）；
身高：继承；
宽度：继承；
背景：#ccc；
}

我非常感谢您的解决方案，您救了我一命。但是，是否有可能在旋转木马中实现这一点，其中dropshadow可能是下一个或上一个图像。thanks@amn因为在OP的代码中，单位是用像素定义的。这个概念是我最需要的，所以我会尝试将它们转换为em或百分比。我非常感谢你的解决方案，你救了我。但是，是否有可能在旋转木马中实现这一点，其中dropshadow可能是下一个或上一个图像。thanks@amn因为在OP的代码中，单位是用像素定义的，所以我最需要这个概念，所以我会尝试将它们转换成em或百分比。