css背景颜色渐变

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1.效果

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