반응형
'>' 모양이 단순하니 CSS로 그릴 수 있지 않을까 하고 생각했습니다.
사각형의 테두리를 2면에만 그리고 -45도로 회전시키면 '>'와 같은 모양이 그려집니다.
1px로 그려지는 '>'을 나타내기엔 쉽고 빠른 방법입니다.
See the Pen [CSS] link hover style by zinee (@zineeworld) on CodePen.
반응형
'개발일지 > CSS' 카테고리의 다른 글
| [CSS] Multiline underline hover effect (0) | 2019.04.25 |
|---|---|
| [Angular] -webkit-line-clamp is not working (v.7.1.2) (0) | 2019.04.14 |
| [CSS] iOS 11.2.1 max-height: calc(% - px) is not working (0) | 2018.12.20 |
| [CSS] table 구조에서 특정 셀만 숨기기 (0) | 2018.12.19 |
| [CSS] ol 리스트 스타일 커스텀하기 (counter-reset, counter-increment) (0) | 2018.12.19 |
