반응형 border에 그라데이션 넣기1 border color에 gradient 넣으면서 가운데 공간을 투명하게 하는 법 위의 이미지를 만드려 했다. 생각보다 쉽지 않았다.디자이너님이 과감해지셨다.. 처음에는 border-image를 사용했는데, border-image와 border-radius를 동시에 쓸 수 없음을 알고 구글링을 하였다. 이 블로그 를 참고하여 해결한 줄 알았지만, 가운데 공간을 텅 빈공간으로 만들지 못했다. 이 스택오버플로어 덕분에 해결했다. 차근차근 const ScrollIconWrapper = styled.div` width: 52px; height: 94px; padding: 10px; display: inline-block; position: relative; background: red; ` 위으 코드는 다음 빨간박스을 만든다. 가상 클래스 :before를 사용한다. const ScrollIc.. 2022. 12. 9. 이전 1 다음 반응형