DevToolBox

Border Radiusジェネレーター

視覚的にborder-radiusを作成。CSS・Tailwindコードを自動生成。

border-radius: 20px;
rounded-2xl

Border Radiusジェネレーターとは?

border-radiusは要素の角を丸くするCSSプロパティです。 このツールを使えば、スライダーで視覚的に調整しながら、 最適なborder-radiusのCSSコードを生成できます。

Tailwind CSSのクラス名も同時に生成されるので、 フレームワークを使っている場合でもスムーズに適用できます。