当前位置: 首页 > 收藏夹 > css实现渐变色,从做到右,从上到下

css实现渐变色,从做到右,从上到下

收藏夹 0条评论 2017-12-28 396 views

1,从左到右的渐变色:

background:#74F195;
    background:-webkit-linear-gradient(left,#74F195,#C8FF9A);
    background:-o-linear-gradient(right,#74F195,#C8FF9A);
    background:-moz-linear-gradient(right,#74F195,#C8FF9A);
    background:linear-gradient(to right,#74F195,#C8FF9A);


2,从上刀下的渐变色:

background: -moz-linear-gradient(top, #4B8C5C 0%, #75945E 100%) ;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a09d), color-stop(100%,#008985))  ;
    background: -webkit-linear-gradient(top, #00a09d 0%,#008985 100%) ;
    background: -o-linear-gradient(top, #00a09d 0%,#008985 100%) ;
    background: -ms-linear-gradient(top, #00a09d 0%,#008985 100%) ;


原文来自:css实现渐变色,从做到右,从上到下 ,最终解释权归原作者所有,如有侵权,请联系QQ:337003006删除。

发表评论

电子邮件地址不会被公开。 必填项已用*标注