[CSS] border-radius 원리

See the Pen border-radius learning tool by Lavi Perchik (@laviperchik) on CodePen.

border-radius는 꽤 자주 쓰는 속성인데 정확한 원리는 알지 못했었다.

border-radius: n 으로는 자주 썼었지만, border-radius: n n n n / n n n n 은 CSS 드로잉을 하게 되면서 알게 되었다.

그러다가 정확한 원리를 잘 설명해 준 코드가 있어서 공유해본다.