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

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));
}