CSS角丸（border-radius）ジェネレーター

プレビューボックス上で各角を個別にライブスライダーで調整し、わずかに丸めた角から有機的で非対称なブロブ形状まで自由にデザインして、正確なborder-radiusのCSS値をコピーできます。

すべての処理はお使いのデバイス上で行われます。サーバーには何も送信されません。

すべての角を連動させる

左上16px右上16px右下16px左下16px

CSSコード

border-radius: 16px;

スライダー操作でCSSのbox-shadowを視覚的にデザインし、生成されたコードをコピーします。

線形（リニア）または放射状（ラジアル）のCSSグラデーションを視覚的に作成し、コードをコピーします。

指定したルートフォントサイズに基づいて、pxとrem単位を相互に変換します。

ツールライブラリ全体を見て、今すぐ必要なものを使い始めましょう — 無料・登録不要です。