gradation (1) 썸네일형 리스트형 CSS - boarder gradation 다음과 같은 Board gradation을 사용하게 되었는데, 좀처럼 되지 않아 구글링을 해봤다. //html //css .borderDiv { width: 100px; height: 100px; border: 3px solid; border-radius: 50px; border-image: linear-gradient( 180deg, #0485ff -32.14%, #7d5cf8 53.24%, #ec033f 150% ); border-image-slice: 1; } 다음과 같이 코드를 작성하였고 결과물은 아래와 같습니다. border-image로 gradient를 줬지만 border-radius가 먹지 않는다. 찾아보니 border-image와 border-radius는 두개가 혼용 될 수 없다고 합니다.. 이전 1 다음
