Découpe 3

Toujours dans les découpes simples, nous pouvons faire une découpe en ovale (ellipse) et la positionner par:

clip-path: ellipse(130px 140px at 10% 20%);

<p><img id="anes8" src="http://ekladata.com/gLSTve8k29FLp06IVZ9IFMiozjY.jpg" alt="" /></p>
<style><!--
#anes8{position:relative; width:1600px; height:900px; margin:30px auto; filter:grayscale(1);clip-path: ellipse(500px 150px at 50% 65%); transition:all 2s; }
#anes8:hover{filter:grayscale(0); clip-path: ellipse(1600px 900px at 50% 50%);}
--></style>

*******************************

Vous trouverez, sur Internet, des générateurs qui vous fournirons des codes pour des formes plus ou moins complexes.

Les codes pour des découpes à la main seront très longs: bon courage !

Quelques sites simples à utiliser:

https://bennettfeely.com/clippy/

https://www.cssportal.com/css-clip-path-generator/

https://unused-css.com/tools/clip-path-generator