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

Question

剪贴蒙版必须呈现三角形朝下的形状，并且只显示右侧部分。三角形蒙版的左侧部分并不重要，我可以如何制作？

Answer 1

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

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