Does clip-path change the layout?
No. The element keeps its full box for layout purposes, so neighbouring content flows around the original rectangle rather than the visible shape. If you want text to hug the diagonal edge of a clipped triangle, you need shape-outside with the same polygon, which is a separate property that only affects floats.
Can I use my own polygon points?
Yes. Choose Custom polygon and type the points as space-separated x y pairs separated by commas, in drawing order, for example 50% 0%, 0% 100%, 100% 100%. Percentages are relative to the element's own box, which is what makes the shape scale with it. The shape closes automatically.
Do I still need the -webkit- prefix?
For current browsers, no. The unprefixed clip-path is supported everywhere. The generator emits the prefixed version first anyway because it is one extra line and it keeps older Safari and Android WebView working, which still matters if you have a long-tail mobile audience.
Why is only part of my clipped button clickable?
Because clip-path also clips hit-testing. The area outside the shape no longer receives pointer events, so a button clipped to a triangle only responds inside the triangle. This is correct behaviour and it is what you want most of the time, but it will surprise you the first time you meet it.
Can I animate between two shapes?
CSS can transition a clip-path polygon to another polygon only if both have the same number of points, listed in the same order. That is a real constraint: a triangle cannot smoothly become a hexagon. The usual trick is to pad the simpler shape with duplicate points so both polygons have the same count.