今さら聞けない!? CSSのborder-radiusで様々な角丸に挑戦！ | Webクリエイターボックス
https://www.webcreatorbox.com/tech/border-radius

無難で王道！正円の円弧を使った角丸

画像と組み合わせて四つ葉のクローバーの形に並べる

歪み具合が面白い！楕円の円弧を使った角丸

ふにゃんと曲がった歪みライン

歪んだ円＋ブレンドモード

歪んだ円＋ブレンドモード＋アニメーション