⬭ CSS圓角生成器

關於

此CSS圓角生成器是一款離線可用的免費工具，提供三種編輯模式：簡單模式可同時調整所有四個角落，每個角落模式可獨立精細調整每個角落，橢圓模式可為每個角落分別設定水平和垂直半徑 — 完全發揮CSS border-radius簡寫語法的強大功能。一個實時SVG角落圖示會即時反映所有更改，Blob Randomize按鈕使用加密隨機算法生成現代UI設計中流行的有機形狀。因為所有功能都在瀏覽器中運行，您的設計將保持私密，即使沒有網路連接，工具也能正常運作。

如何使用

1. 選擇一種模式 — 簡單模式（所有角落）、每個角落模式，或橢圓模式（分開x/y半徑） — 使用控制面板頂部的按鈕。
2. 拖動滑塊或直接在數字輸入框中輸入數值，以設定每個角落的半徑。實時預覽和SVG圖示會立即更新。
3. 點選Blob Randomize按鈕，使用獨立的橢圓半徑生成隨機的有機形狀——非常適合用於裝飾性UI元素和首屏背景。
4. 在輸出框中查看生成的CSS簡寫——工具會自動應用最短的有效語法（例如，合併相同的值）。
5. 點選複製CSS將代碼複製到剪貼簿，然後直接粘貼到您的樣式表或設計工具中。

常見問題

這個CSS邊框圓角生成器是完全免費的嗎？

是的，100%免費，無需帳號、無需訂閱，也沒有隱藏限制。打開頁面即可立即生成border-radius CSS。

這個工具可以在離線或沒有網路連接的情況下使用嗎？

是的。該工具完全在您的瀏覽器中運行，不需要伺服器請求。頁面加載後，您可以斷開網路連接，它仍會繼續運行。您的最後設定也會在瀏覽器中本地保存。

我的設計數據會被保密嗎？

完全保密。沒有數據會離開您的瀏覽器——沒有上傳，沒有對您的輸入進行分析，也沒有伺服器存儲。所有內容都保留在您的設備上。

橢圓模式是什麼？

橢圓模式讓您可以為四個角落的每個角落分別設定水平（x）和垂直（y）半徑，產生完整的CSS border-radius簡寫，並使用斜線表示法——例如，border-radius: 40% 20% / 20% 40%。這可以產生Simple和Per-Corner模式無法創建的非對稱和蛋形狀。

Blob Randomize按鈕是用來做什麼的？

Blob Randomize使用加密隨機算法，通過為所有八個角落軸組合分配隨機橢圓半徑，生成一個有機、不規則的形狀。它非常適合用於創建現代落地頁面、頭像和裝飾背景中常見的流動blob形狀——只需點選一次。

此工具會上傳我的資料嗎？

不會。所有運作都在您的瀏覽器中進行，因此您的資料永遠不會離開您的設備 — 頁面載入後，它甚至可以在離線狀態下使用。