【干货】CSS实现渐变色，详解

希望通过这个例子，让大家以后遇到渐变色的需求时都能从容应对：

background: linear-gradient( 角度 ,起始色 0%【起始色游标】, 结束色 0%【结束色游标】);

两游标之间为渐变色，当结束色游标在起始色游标之前时，以起始色游标为准。

#34d058 与 linear-gradient(180deg,#34d058 100%, #28a745 *%)  同色，*表示任意数字。

#28a745 与 linear-gradient(180deg,#34d058 0%, #28a745 0%) 同色。

background: linear-gradient(180deg,#34d058 0%, #28a745 100%)//等比例混色

180deg是从上到下，左边比例若从零增大，在0%到百分比处起高光效果；右边比例若从100%减小，在百分比到100%处起阴影效果。