PROMULGATOR

    deayalin

    湖北省武汉市
    Html
    Css
    Js

    
                        


                        

                            


 img {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
img:hover {
	-webkit-filter:grayscale(0);
	filter:grayscale(0);
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)Alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


                        

                        



                        

                   

                    
                   

                       
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
css灰色图片获取焦点时变彩色

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             
更新时间：2019-11-01 09:44:54
html:提供img的src，设置width,height,border。
css:实例中的css是全局的，可自己定义一个class或者其他选择器，修改样式文件即可。

                         

                     

                   
                


                
0