CSS 角丸ジェネレーター
この CSS 角丸ジェネレーターでは、border-radius スタイルを視覚的に作成できます。共通の角丸を調整したり、各角の水平・垂直半径を個別に設定したりできます。px とパーセント単位に対応し、結果を即時プレビューして生成された CSS をコピーできます。
カスタマイズ
px
px
px
すべての角
{{ allCorners.x }}{{ unit }}
{{ allCorners.x }}{{ unit }}
{{ allCorners.y }}{{ unit }}
{{ group.label }}
{{ diagonalCorners[group.key].x }}{{ unit }}
{{ diagonalCorners[group.key].x }}{{ unit }}
{{ diagonalCorners[group.key].y }}{{ unit }}
{{ corner.label }}
{{ corners[corner.key].x }}{{ unit }}
{{ corners[corner.key].x }}{{ unit }}
{{ corners[corner.key].y }}{{ unit }}
Experimental CSS property. Unsupported browsers will ignore it.