Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
	/* font-size:0;
	*/
}
.box_img {
	display:flex;
	display:-webkit-flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
	margin:0 auto;
	width:85%;
	height:800px;
	/* border:1px solid #f35312;
	*/
}
.box_img img {
	filter:grayscale(88%);
	-webkit-filter:grayscale(88%);
	-moz-filter:grayscale(88%);
	-ms-filter:grayscale(88%);
	-o-filter:grayscale(88%);
	width:auto;
	height:auto;
	vertical-align:middle;
	margin-right:15px;
	box-shadow:0 0 115px #333;
	-webkit-box-shadow:0 0 115px #333;
	-moz-box-shadow:0 0 115px #333;
}
.box_img>img:hover {
	transform:scale(1.3);
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

css彩色图片置灰

主要功能就是将一张彩色的照片变成了灰色的 

0