.gradient1{
/*--↓Safari,Google Chrome--*/
background: -webkit-gradient(linear, left top, left bottom, from(#ff0085), to(#fdc8f1));
/*--↓Firefox--*/
background: -moz-linear-gradient(top, #ff0085, #fdc8f1);
}
※Firefox3.6、Safari、Google Chrome
.gradient2{
/*--↓Safari,Google Chrome--*/
background: -webkit-gradient(linear, left top, right top, from(#ff0085), to(#fdc8f1));
/*--↓Firefox--*/
background: -moz-linear-gradient(left, #ff0085, #fdc8f1);
}
※Firefox3.6、Safari、Google Chrome
.gradient3{
/*--↓Safari,Google Chrome--*/
background: -webkit-gradient(linear, left top, right bottom, from(#ff0085), to(#fdc8f1));
/*--↓Firefox--*/
background: -moz-linear-gradient(left top, #ff0085, #fdc8f1);
}
※Firefox3.6、Safari、Google Chrome
.gradient4{
/*--↓Safari,Google Chrome--*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdc00), color-stop(50%,#ff7200), color-stop(100%,#ff0085));
/*--↓Firefox--*/
background: -moz-linear-gradient(top, #ffdc00, #ff7200, #ff0085);
}
※Firefox3.6、Safari、Google Chrome