画像テキストカラー開発ファイル AI 計算お役立ち

カスタム角丸ジェネレーター

CSSの border-radius プロパティを極限まで活用。8つの数値を個別に制御することで、標準的な角丸では不可能な「有機的なスライム形状（Blob）」を生成します。デザインのアクセントに最適です。

1. 「水平方向」と「垂直方向」のスライダーを動かして、各頂点の曲がり具合を調整します。

2. 「一括操作」にチェックを入れると、すべての角を同時に調整して正円に近い形を保てます。

3. 「ALL 50%」ボタンで、いつでも綺麗な正円（リセット）に戻せます。

4. 生成された「CSSコード」をコピーし、HTML要素のスタイルとして貼り付けてください。

すべての角を一括操作する

水平方向 / Horizontal (%)

左上

右上

右下

左下

垂直方向 / Vertical (%)

左上

右上

右下

左下

Preview

CSSコード