如何在CSS或jquery中以三角形的形狀在圖像上製作剪貼蒙版？

Question

剪貼蒙版必須呈現三角形朝下的形狀，並且只顯示右側部分。三角形蒙版的左側部分並不重要，我可以如何製作？

Answer 1

對於Webkit的，你可以通過CSS使用clipping mask。但是，這不適用於Firefox or IE or Opera。

對於現代的瀏覽器，你可以使用SVG與clipping path。以下是clipping an image in SVG的示例。