"border-radius"를 넘어: CSS `corn... 노트

"border-radius"를 넘어: CSS corner-shape 속성이 일상적인 UI에 가져다주는 가능성"

수년간, 개발자들은 둥근 모서리 외에는 다른 모양을 얻기 위해 border-radius의 한계를 피해가며, clip-path, SVG 마스크, 그리고 불안정한 임시방편들을 사용해 왔습니다. 새로운 corner-shape 속성은 마침내 이러한 상황을 바꾸어, 모서리를 깎거나, 움푹 들어가게 하거나, 스쿼클(squircle) 모양으로 만들 수 있는 문을 열었습니다.
CdXz5zHNQW_CmNpkYiH9j.jpeg