The Clip-path property of CSS3

First of all, say the Clip-path attribute, I have not seen this clip-path attribute before, the Web search, the original Clip-path is ' cut ' meaning.
Clip-path:polygon (x, Y) property, x in Polygon (x, y) indicates the position of the horizontal axis (px%), and Y indicates the position of the ordinate (px%).
After all, this clip-path cut is like Photoshop, which can be used instead of Photoshop to cut pictures, except that the code and PS differ in the code to find the path manually, PS can be directly with the magic wand.
This is the picture I just cut with Clip-path:

In fact, SVG can also make a path map. SVG also has the Clippath attribute.

Original address: Http://images.cnblogs.com/cnblogs_com/hao5599/678419/o_20150314.jpg

<!--reference Learning http://www.w3cplus.com/css3/css-svg-clipping.html

The Clip-path property of CSS3