写了条渐变线

额 很蛋疼的给客户写了条渐变线

Posted by 昆山吴彦祖 on 2019.05.16

话不多说,上css

.line{
	height:2px;
	width:100%;
	background:-webkit-linear-gradient(left,rgba(255, 255, 255, 0), #387281,rgba(255, 255, 255, 0));
	background:-o-linear-gradient(right,rgba(255, 255, 255, 0), #387281,rgba(255, 255, 255, 0));
	background:-moz-linear-gradient(right,rgba(255, 255, 255, 0), #387281,rgba(255, 255, 255, 0));
	background:-ms-linear-gradient(right,rgba(255, 255, 255, 0) , #387281,rgba(255, 255, 255, 0));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) , #387281,rgba(255, 255, 255, 0));
}


效果:


h5