Clip-path attribute of CSS3, CSS3clip-path attribute

Clip-path attribute of CSS3, CSS3clip-path attribute

First, let's talk about the clip-path attribute. I have never seen this clip-path Attribute before. I searched the internet and found that clip-path originally meant "cut.
Clip-path: polygon (x, y) attribute. x in polygon (x, y) indicates the position of the x coordinate (px %), and y indicates the position of the y coordinate (px % ).
In the end, this clip-path cut is like photoshop, which can replace photoshop to cut images. However, the difference between code and ps is that the code needs to be manually searched for paths, and ps can be directly used with the magic wand.
Here is the image I just cut with clip-path:

In fact, svg can also create path diagrams. Svg also has the clippath attribute.

Source Address: http://images.cnblogs.com/cnblogs_com/hao5599/678419/o_20150314.jpg

<! -- Reference learning http://www.w3cplus.com/css3/css-svg-clipping.html -->