css怎么設(shè)置漸變

第css怎么設(shè)置漸變/*chrome2+,safari4+;multiplecolorstops*/

background-image:-webkit-gradient(linear,leftbottom,lefttop,color-stop(0.32,#fd0d0d),

color-stop(0.66,#d89e3c),color-stop(0.83,#97bb51));

/*chrome10+,safari5.1+*/

background-image:-webkit-linear-gradient(#fd0d0d,#d89e3c,#97bb51);

/*firefox;multiplecolorstops*/

background-image:-moz-linear-gradient(top,#fd0d0d,#d89e3c,#97bb51);

/*ie6+*/

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fd0d0d,endColorstr=#d89e3c

/*ie8+*/

-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fd0d0d,

endColorstr=#d89e3c)

/*ie10*/

background-image:-ms-linear-gradient(#fd0d0d,#d89e3c,#97bb51);

/*opera11.1*/

background-image:-o-linear-gradient(#fd0d0d,#d89e3c,#97bb51);

/*標(biāo)準(zhǔn)寫(xiě)法*/

background-image:linear-gradient(#fd0d0d,#d89e3c,#97bb51);

.demo2{

/*底色*/

background-color:#d41a1a;

/*chrome2+,safari4+;multiplecolorstops*/

background-image:-webkit-gradient(linear,leftbottom,righttop,color-stop(0.32,#d41a1a),

color-stop(0.66,#d9e60c),color-stop(0.83,#5c7c99));

/*chrome10+,safari5.1+*/

background-image:-webkit-linear-gradient(45deg,#d41a1a,#d9e60c,#5c7c99);

/*firefox;multiplecolorstops*/

background-image:-moz-linear-gradient(45deg,#d41a1a,#d9e60c,#5c7c99);

/*ie10*/

background-image:-ms-linear-gradient(45deg,#d41a1a0%,#d9e60c100%);

/*opera11.1*/

background-image:-o-linear-gradient(45deg,#d41a1a,#d9e60c);

/*標(biāo)準(zhǔn)寫(xiě)法*/

background-image:linear-gradient(45deg,#d41a1a,#d9e60c);

/style

/head

body

div>

效果圖：

radial-gradient()函數(shù)--徑向漸變

radial-gradient()函數(shù)用徑向漸變創(chuàng)建圖像。

徑向漸變由中心點(diǎn)定義。例：

為了創(chuàng)建徑向漸變你必須設(shè)置兩個(gè)終止色。

css徑向顏色漸變(RadialGradients)跟線性漸變(lineargradients)不一樣，它不是沿著一個(gè)方向漸變，而是以一個(gè)點(diǎn)為中心，向四周