css背景颜色渐变

最新推荐文章于 2024-09-22 09:02:33 发布

caicongyang

最新推荐文章于 2024-09-22 09:02:33 发布

阅读量1.2k

点赞数 2

分类专栏： Web前端文章标签： css 背景颜色渐变

本文链接：https://blog.csdn.net/caicongyang/article/details/42105785

版权

Web前端专栏收录该内容

17 篇文章 0 订阅

订阅专栏

1.效果

css渐变

2.代码

        /* 基本色 */
	background: #3FB0AC;
	/* chrome 2+, safari 4+; multiple color stops */
	background-image:-webkit-gradient(linear,  left top, left bottom, color-stop(1, #3FB0AC), color-stop(1, #C5D7A1));
	/* chrome 10+, safari 5.1+ */
	background-image: -webkit-linear-gradient(#3FB0AC,#C5D7A1);
	/* firefox; multiple color stops */
	background-image: -moz-linear-gradient(top,#3FB0AC,#C5D7A1,#C5D7A1);
	/* ie 6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FB0AC', endColorstr='#C5D7A1');
	/* ie8 + */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FB0AC', endColorstr='#C5D7A1')";
	/* ie10 */
	background-image: -ms-linear-gradient(#3FB0AC, #C5D7A1);
	/* opera 11.1 */
	background-image: -o-linear-gradient(#3FB0AC, #C5D7A1);
	/* 标准写法 */
	background-image: linear-gradient(#3FB0AC, #C5D7A1);