如何在CSS或jquery中以三角形的形状在图像上制作剪贴蒙版？

Question

剪裁蒙版必须呈三角形朝下，只显示右侧部分。三角形蒙版的左边部分并不重要。我怎么能做到这一点？

Answer 1

对于Webkit，您可以通过CSS使用clipping mask。但是，这不适用于Firefox or IE or Opera。

对于现代浏览器，您可以将SVG与clipping path一起使用。以下是clipping an image in SVG的示例。