HR line to border line

https://stackoverflow.com/questions/48130955/hr-line-to-border-line

by David Sch

HTML

<div class="mydivider"></div>

CSS

.mydivider {
  border: none;
  border-image: linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  -webkit-border-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  -moz-border-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  border-image-slice: 1;
  height: 1px;
}