使用过的一些页面效果

一：颜色渐变效果

正常样式：.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);}

?

?

?

?