線形グラデーション

縦(2色)

UHYO
.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

横(2色)

UHYO
.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

斜め(2色)

UHYO
.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

縦(3色)

UHYO
.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