Angled edges for background images

Hello,

I want to give angled edges effect to my background image like this tutorial : https://www.viget.com/articles/angled-edges-with-css-masks-and-transforms

When i give this code ( -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%); this works fine

but clip-path and webkit do not work at least at chrome, can i do something for this?

Code
.angledEdges{
-webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
-webkit-backface-visibility: hidden; (do not work)
}

Best Regards

Cihan

• This topic was modified 8 years, 2 months ago by cbehen.