linear-gradient(angle/direction, color stop, color stop, ...);
一个线性渐变可以由多种颜色组成。除了指定颜色的方向和角度之外,linear-gradient()
接收一组color stop作为参数。color stop由一个颜色和一个可选的颜色位置组成:
<div style=" 100px; height: 5px; overflow: hidden; border-radius: 2px; background: linear-gradient(to right, #F55287 20%, #38536C 0%);"></div>
预览: