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

Question

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

Answer 1

对于 Webkit，您可以通过 CSS使用剪贴蒙版。但是，这不适用于Firefox 或 IE 或 Opera。

对于现代浏览器，您可以使用带有剪切路径的 SVG 。这是在 SVG中剪切图像的示例。