2023年08月28日(月)

CSSで角丸を美しく実装するテクニック、ネストされた外側と内側を相対角丸の美しいバランスで実装

• 0
• 60
• 259
• 100

カードやパネルの外側と内側に角丸を使用したときに、なんだかバランスが悪いなと思ったことはありませんか？ 角丸を二重にするときに外側の角丸と内側の角丸の値を同じに設定すると、内側の方がすこし大きく見えて、不格好になってしまいます。

外側の角丸と内側の角丸を美しいバランスで実装する相対角丸のテクニックを紹介します。