Css 是否可以剪切图像的特定部分？

有时候，图像比1000个单词更能解释事情

假设黑色边框是我的图像，我想切掉左上/右上边缘，就像用红线标记的一样

是否可能（如果是：如何）用CSS以这种方式剪切图像

以防万一，我不清楚我所说的削减是什么意思：我想要

我的意思是，图像看起来像这样

---

不使用包装器元素，您可以使用，尽管支持不是很好

img.cut{
-webkit剪辑路径：多边形（50px 0，计算（100%-50px）0，100%50px，100%100%，01100%，050px）；
剪辑路径：多边形（50px 0，计算（100%-50px）0，100%50px，100%100%，01100%，050px）；
}

CSS伪 如果您知道您的背景将保持纯色，您可以通过多种方式使用伪元素来实现这一点

第一选项

一个非常简单的解决方案是使用带有边框的伪元素，这样可以获得想要的效果

div{
高度：300px；
背景：红色；
位置：相对位置；
}
部门：以前{
内容：''；
位置：绝对位置；
排名：0；
左：0；
边框顶部：80像素纯白；
右边框：80px实心红色；
宽度：0；
}
部门：之后{
内容：''；
位置：绝对位置；
排名：0；
右：0；
边框顶部：80像素纯白；
左边框：80px实心红色；
宽度：0；
}

---

可能与@HunterTurner重复：我不太确定这是否真的是重复的。您链接到的问题是使用“cut-off”实际上是指“在上面放置一个白色三角形”，而这个问题似乎是在寻求一种方法来实际切断图像的某些部分，以便背景显示出来。