Css 三角遮罩

我想为tumblr创建一个主题，其中两个图像重叠显示为一个图像。这两个图像将一个放在另一个的上面，上面的图像用三角形遮罩

下面是我希望实现的photoshop模型：

---

我唯一不确定的是三角形图像的遮罩。不确定这是否可能。。。有什么想法吗？

为了实现跨浏览器兼容性，您需要以您喜欢的形状将遮罩创建为透明图像。请参阅下面的链接。我在photoshop中创建了一个三角形遮罩，并将其应用于图像

---

在类似这样的地方检查工作示例？这种类型的东西正是我希望实现的：看起来它只适用于chrome和safari。很好的尝试，但有时让外部形式透明很重要。