0
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 this way it doesn’t work in Firefox. With a quick search I found out that Firefox needs an addition (web standards my **) to 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 bullhufas.
Someone there is qualified?
But to which helm is being pointed the
.cliped?– Guilherme Nascimento
Clippath is an experimental feature. No browser gives full support yet. So you put "your ***" on the line yourself. :)
– Pablo Almeida
<img class="clip" src="img/banner-immobles.jpg" alt="" title="" />
– dsantoro
From what I’ve seen it supports all browsers except the IE’s of life. But I don’t need to support IE.
– dsantoro