Home > Web Front-end > HTML Tutorial > css background color gradient_html/css_WEB-ITnose

css background color gradient_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:51:56
Original
1816 people have browsed it

1. Effect


2. Code

        /* 基本色 */	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);
Copy after login


3. Problem

I personally tested that the above method is not feasible under firefox31, please Experts give feasible solutions for firefox



My personal blog: http://blog.caicongyang.com;

My personal website: http://www.caicongyang.com;

My CSDN blog address:





Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template