邊界半徑生成器
一個 border-radius CSS 產生器工具，用於快速生成 border-radius CSS 聲明。
Preview
CSS 輸出
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Clip 路徑控制件
基本形狀
形狀屬性
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
如何使用
基本控制
- 從「形狀選擇」面板中選擇基本形狀
- 使用範圍滑塊調整形狀參數
- 拖動預覽上的控制點以改變剪輯路徑的形狀
- 使用 Add Points 模式向自訂形狀添加點
高級功能
- 保存和載入預設，以便快速存取您喜愛的形狀
- 使用自定義持續時間、緩動和反覆運算為剪輯路徑添加動畫效果
- 複製生成的 CSS 代碼並將其粘貼到您的專案中
- 切換深色模式，享受舒適的深夜設計