CSS工作常用代码合集

CSS3即拿即用

1. 图片变灰 (兼容IE6~9，FF3.5+，chrome19+；亦可让其他元素变灰)

    img{  
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");   
        filter: gray;  
        -webkit-filter: grayscale(100%);
    }  

2. 图片翻转 (兼容IE8+)

img { 
     -moz-transform: scaleX(-1); 
     -o-transform: scaleX(-1); 
     -webkit-transform: scaleX(-1); 
     transform: scaleX(-1); 
     filter: FlipH; 
     -ms-filter: "FlipH"; 
   }