Стили CSS для разделителя HR

by Andrey Dobrovoi

HTML

<hr class="one">
    <br>
        <hr class="two">

CSS

hr {
	width: 80%;
	height: 2px;
	text-align: center;
	border: 0;
}
.one {
	background: -webkit-linear-gradient(left,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%) /* W3C */
}
.two {
	background: -webkit-linear-gradient(left,  rgba(198,0,3,0.65) 0%,rgba(198,0,3,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(198,0,3,0.65) 0%,rgba(198,0,3,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(198,0,3,0.65) 0%,rgba(198,0,3,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(198,0,3,0.65) 0%,rgba(198,0,3,0) 100%) /* W3C */
}