#blueDIV
clip-path
500
circle(40%)| circle(20%)| ellipse(25% 40% at 50% 50%)| ellipse(25% 25% at 50% 50%)| polygon(50% 0%, 0% 100%, 100% 100%)| polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)| inset(5% 20% 15% 10%)
檢視不同的 clip-path 值如何影響這個 DIV 元素。
CSS clip-path
❮
上一個
下一個
❯
clip-path 屬性不同值的演示。
點選下方屬性值檢視結果
在我們的線上編輯器中進一步嘗試程式碼:
親自試一試 ❯