ファンシー・ボーダーレジアス ジェネレーター

CSSのborder-radiusの8つの値を調整し、有機的で複雑な形状（ブロブ）を作成します。

プレビュー

詳細な設定

border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;

水平方向 (Horizontal)

Top Left30%
Top Right70%
Bottom Left30%
Bottom Right70%

垂直方向 (Vertical)

Top Left30%
Top Right30%
Bottom Left70%
Bottom Right70%

Tools.FancyBorderRadius.guide.title

Tools.FancyBorderRadius.guide.description

Tools.FancyBorderRadius.guide.guide_1_title

Tools.FancyBorderRadius.guide.guide_1_desc

Tools.FancyBorderRadius.guide.guide_2_title

Tools.FancyBorderRadius.guide.guide_2_desc

Tools.FancyBorderRadius.guide.guide_3_title

Tools.FancyBorderRadius.guide.guide_3_desc