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

最新推荐文章于 2025-04-24 15:56:36 发布

java_zhaoyanli

最新推荐文章于 2025-04-24 15:56:36 发布

阅读量3.2w

点赞数 3

分类专栏： myWork--

本文链接：https://blog.youkuaiyun.com/java_zhaoyanli/article/details/78924190

版权

myWork-- 专栏收录该内容

59 篇文章

订阅专栏

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%) ;