[HTML+CSS] border에 그라데이션 넣기

border(테두리)에 그라데이션 효과 넣는 예제입니다.

 

See the Pen border gradation by limqo (@limqo) on CodePen.

 

위의 코드에서 box1의 div는 border-image를 이용하여 gradation 넣은 것을 확인 할 수 있습니다.

 

하지만 box1에 border-radius가 적용되있지 않은 것 을 볼 수 있습니다.

 

box2 처럼 설정을 하면 border-image에 border-radius 적용시킬 수 있습니다.