DEV/CSS

[CSS] Gradient Border

zineeworld 2017. 1. 13. 17:53



"보더에는 그라디언트 못 넣어요?" 디자이너님의 말 한마디에서 시작되었다. 

그라디언트는 당연히 배경색에나 넣는 건 줄 알았던 나는 (!!!) 부랴부랴 방법이 있는지 찾아봤다.


역.시.있.었.다


  • https://developer.mozilla.org/ko/docs/Web/CSS/border-image-slice

  • https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width




See the Pen [CSS] gradient border by zinee (@zineeworld) on CodePen.


반응형

'DEV > CSS' 카테고리의 다른 글

[CSS] iOS table-layout: fixed not working  (0) 2017.06.27
[CSS] font gradient 글자에 그라디언트 넣기  (2) 2017.06.16
[CSS] Gradient Border  (4) 2017.01.13
[CSS] text hover effect  (0) 2016.12.22
[CSS] input:focus 일때 placeholder 스타일  (0) 2016.12.07
[CSS] border-radius 원리  (0) 2016.12.01