example for css clip?

Question

i dont get it. please code a simple example

Answer 1

This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible

Answer 2

Kenan expected sth. like this.
Is there an alternative?

Answer 3

It's depends completely on your setuation, But have a look on this:

https://www.sitepoint.com/community/t/alternative-to-css-clip-path/280013/2

Answer 4

Masks are kinda similar. I used one to cut a circle out of a square so that you can see through it.

<div id="spinner1">
<svg id="spinnerSvg1">
<defs>
<mask id="spinnerHole1">
<rect width="14vw" height="14vw" fill="white"/>
<circle cx="7vw" cy="7vw" r="6vw" fill="black"/>
</mask>
</defs>
<rect mask="url(#spinnerHole1") id="spinMove"/>
</svg>
</div>