I'm using the clip-path technique to make a polygon in a certain area of the site:
.cliped {
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 75%);
-ms-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 75%);
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 75%);
clip-path: url("#polygon");
}
But that way it does not work in Firefox. With a quick search I found that Firefox needs an addition (web standards my ***) of SVG:
<svg width="0" height="0">
<defs>
<clippath id="polygon">
<polygon points="0 0, 1 0, 1 1, 0 0.75"></polygon>
</clippath>
</defs>
</svg>
And as you can see here did not solve bulhufas.
Is anyone there enabled?