SQUIRCLE
superellipse(2)
Shape the details.
CSS GENERATOR · EXPERIMENTAL
Corner Shape Generator
角の形を選んで、四隅を調整。使えるCSSをそのままコピーできます。
対応状況を確認中
このブラウザはcorner-shapeに未対応です。生成と共有はできますが、プレビューは通常の角丸で表示されます。
TOP LEFT
TOP RIGHT
BOTTOM RIGHT
BOTTOM LEFT
03
GENERATED CSS
そのまま使えるコード
現在の設定を短縮記法で出力しています。
corner-shapeは実験的な機能です。公開サイトでは対応状況を確認し、
border-radiusをフォールバックとして残してください。