如何在CSS或jquery中以三角形的形式在图像上制作剪辑遮罩？

剪裁遮罩必须是一个面朝下的三角形形状，并且只显示右下方部分。三角形遮罩的左侧部分不重要。我如何才能做到这一点？

对于Webkit，您可以使用一个via CSS。然而，这对我来说是行不通的

---

对于现代浏览器，您可以将SVG与。下面是一个例子。

看来raphael.js可以完成这项工作。但遗憾的是，我无法在VML中移动填充图像，因为我会移动带有背景位置的背景图像。不过剪辑非常完美。