如何使用CSS设置图像转角

Question

我正在设计一个带有此类带有角的图像的网站。我已经在代码笔（https://codepen.io / mittalsavaniya / pen / BedpVG）中完成了一个示例，但是我没有使用CSS获得带有图像阴影的精确设计。

我尝试使用clip-path属性，但是并非所有浏览器都支持它。按照https://caniuse.com/#feat=css-clip-path。我也尝试过使用after after属性，但是在此不起作用。所以请帮忙。