1.线性渐变色  

background: -webkit-gradient(linear,left top,left bottom,from(#0D85BC),to(#0A73A4));  /*chrome,sarfrai*/ 
view plain
background: -moz-linear-gradient(top,#0D85BC,#0A73A4); /*firefox*/ 
view plain
background: -o-linear-gradient(top,#0D85BC,#0A73A4);   /*opera*/ 
view plain
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d85bc',endColorstr='#0a73a4');/ie/ 

2.transform：rotate 旋转
  
-webkit-transform: rotate(-180deg); 
-moz-transform: rotate(-180deg); 
-ms-transform: rotate(-180deg); 
-o-transform: rotate(-180deg); 
transform: rotate(-180deg); 
filter: progid:DXImageTransform.Microsoft.Matrix( M11=-1, M12=1.2246063538223773e-16, M21=-1.2246063538223773e-16, M22=-1, sizingMethod='auto expand'); 

3 opacity ： 透明

     opacity：0.9；

     filter：alpha（opacity=90）；/*IE6-8*/

摘自 html5----html5+css3+javascript