clip-path表示的是裁剪路徑
語法格式 clip-path: | [ || ] | none
clip-source：可以是內、外部的svg的元素的url引用basic-shape：使用一些基本的形狀函式建立的乙個形狀。主要包括circle()、ellipse()、inset()和polygon()
geometry-box：是可選引數。此引數和basic-shape函式一起使用時，可以為basic-shape的裁剪工作提供參考盒子。
如果geometry-box由自身指定，那麼它會使用指定盒子形狀作為裁剪的路徑，包括任何(由border-radius提供的)的角的形狀
eg.
裁剪效果如下：
說明：「（）」中的資料表示，裁剪邊框結點座標位置，按照順時針方向，這些點連起來的邊即為裁剪邊框，圍成的平面圖形即為裁剪區域座標原點為左上角
學習原址：
css裁剪屬性 clip path
clip path是乙個css3新屬性 一般用在svg元素上 但是也可以作為普通元素裁剪使用 解釋 clip path 屬性可以建立乙個只有元素的部分區域可以顯示的剪下區域。區域內的部分顯示，區域外的隱藏 普通標籤上的使用 pc pc img pc img hover 語法 keyword valu...
CSS中的路徑裁剪樣式clip path
clip path屬性可以防止部分元素通過定義的剪下區域來顯示，僅通過顯示的特殊區域。剪下區域是被url定義的路徑代替行內或者外部svg，或者定義路線的方法 注意 ie瀏覽器不支援，且低版本webkit核心瀏覽器需要新增 webkit 字首 clip path 值 none url inset ci...
CSS中的路徑裁剪樣式clip path
css借鑑了svg裁剪的概念，設定了clip path樣式，本文將詳細介紹路徑裁剪clip path clip path屬性可以防止部分元素通過定義的剪下區域來顯示，僅通過顯示的特殊區域。剪下區域是被url定義的路徑代替行內或者外部svg，或者定義路線的方法 注意 ie瀏覽器不支援，且低版本webk...