Javascript 图像上的折叠角也带有阴影

我正在寻找一个解决方案js，css创建一个图像上的折叠角。跨浏览器支持将是伟大的

身体{ 背景：F7F7； } .img续{ 位置：相对位置； 显示：内联块； } img{ 剪辑路径：polygon0,100%0,100%0,100%calc100%-21px，calc100%-21px 100%，01100%，01100%，001； 盒影：-5px 5px 10px rgba0,0,0,0.15； 显示：块； 高度：自动； } .img cont：：之后{ 内容：； 位置：绝对位置； 右：0； 底部：0； 边框：10px白色固体； 边框底色：透明； 左边框颜色：透明； 盒影：4px-4px5pxRGBA0,0,0.15； 变换：旋转-90度； z指数：2； }

---

刚刚收到。我必须给家长添加阴影：

身体{ 背景：F7F7； } .img续{ 位置：相对位置； 显示：内联块； 过滤器：drop-shadow-5px 5px 10px rgba0,0,0,2； } img{ 剪辑路径：polygon0,100%0,100%0,100%calc100%-21px，calc100%-21px 100%，01100%，01100%，001； 显示：块； 高度：自动； } .img cont：：之后{ 内容：； 位置：绝对位置； 右：0； 底部：0； 边框：10px白色固体； 边框底色：透明； 左边框颜色：透明； 盒影：4px-4px5pxRGBA0,0,0.15； 变换：旋转-90度； z指数：2； }

---

放弃IE吧，它已经过时了，有安全问题。我会的，但是图像周围的阴影仍然是个问题。