【今更だけど…】CSSで円、半円をつくる方法

こんにちは!CSSで円を作る機会ってデザインやってれば結構多いと思うんですが、半円ってパッとソースかけと言われるといつも
出てこないので自分用の備忘録として上下左右の半円をまとめました。

これから半円をデザインでつくる皆さんの参考になれば幸いです~!

■円

See the Pen by sayuri (@giraffeweb) on CodePen.default

■半円(上)

See the Pen 半円(上) by sayuri (@giraffeweb) on CodePen.default

■半円(左)

See the Pen 半円(左) by sayuri (@giraffeweb) on CodePen.default

■半円(下)

See the Pen 半円(下) by sayuri (@giraffeweb) on CodePen.default

■半円(右)

See the Pen 半円(右) by sayuri (@giraffeweb) on CodePen.default