반응형
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 드로잉을 하게 되면서 알게 되었다.
그러다가 정확한 원리를 잘 설명해 준 코드가 있어서 공유해본다.
반응형
'개발일지 > CSS' 카테고리의 다른 글
[CSS] text hover effect (0) | 2016.12.22 |
---|---|
[CSS] input:focus 일때 placeholder 스타일 (0) | 2016.12.07 |
[CSS] 특정 위치에서 가로폭에 상관없이 중앙 정렬하기 (0) | 2016.11.25 |
[CSS] Country dropdown with flag (0) | 2016.11.23 |
[CSS] 반응형 유튜브 플레이어 (responsive youtube player) (0) | 2016.11.21 |