티스토리 뷰

웹프로그래밍/CSS

HTML 가로줄<hr> 꾸미기 예제

공부하는호랑이 雨香 2018.04.19 18:54

18 Simple Styles for Horizontal Rules (hr CSS Design)

See the Pen 18 Simple Styles for Horizontal Rules (hr CSS Design) by Ibrahim Jabbari (@ibrahimjabbari) on CodePen.


그라디언트 스타일



{
   border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


'웹프로그래밍 > CSS' 카테고리의 다른 글

HTML 가로줄<hr> 꾸미기 예제  (0) 2018.04.19
댓글
댓글쓰기 폼