CSS 裁切路徑產生器

使用預設模板建立 CSS clip-path 形狀並即時預覽。

形狀
半徑50%
預覽
CSS 程式碼
clip-path: circle(50% at 50% 50%);

如何使用

從按鈕中選擇形狀預設。圓形和橢圓形可以用滑桿調整半徑。預覽區域會即時顯示裁切後的形狀。複製 CSS clip-path 程式碼即可在樣式表中使用。

常見問題

相關工具