使用过的一些页面效果

一：颜色渐变效果

正常样式：.row_background_style

按下后的样式：.row_background_active

 

 

.row_background_style {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd),
		to(#eee) );
	background-image: -webkit-linear-gradient(top, #fdfdfd, #eee);
	background-image: -moz-linear-gradient(top, #fdfdfd, #eee);
	background-image: -ms-linear-gradient(top, #fdfdfd, #eee);
	background-image: -o-linear-gradient(top, #fdfdfd, #eee);
	background-image: linear-gradient(top, #fdfdfd, #eee);
}

.row_background_active {
		background-image: -webkit-gradient(linear, left top, left bottom, from(#85BAE4),
		to(#5393C5) );
	background-image: -webkit-linear-gradient(top, #85BAE4, #5393C5);
	background-image: -moz-linear-gradient(top, #85BAE4, #5393C5);
	background-image: -ms-linear-gradient(top, #85BAE4, #5393C5);
	background-image: -o-linear-gradient(top, #85BAE4, #5393C5);
	background-image: linear-gradient(top, #85BAE4, #5393C5);
	}