How can I make a clipping mask on an image in shape of a triangle in CSS or jquery?

The clipping mask has to be in a shape of a triangle facing down and only de right part is showing.The l开发者_如何学编程eft part of the triangle mask is not important.How could I make this?

For Webkit you can use a clipping mask via CSS. However, this won't work for Firefox or IE or Opera.

For modern browsers, you can use SVG with a clipping path. Here is an example of clipping an image in SVG.