How can I create Triangle shape clip mask using CSS

Create Triangle shape clip mask using CSS

Triangle shape clip mask using CSS to clip image so that background appear. You can achieve this kind of masking using clip property of CSS With SVG.

HTML:
[html]

[/html] CSS:
[css] .clip-animation {clip-path: url(#clipping1);-webkit-clip-path: url(#clipping1); margin:100px; width:500px;}
body{ background-color:#CCCCCC;}
[/css]

DEMO:

[paypal-donation]