CSS filter 滤镜用法 效果

    .img{
		-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	    filter: grayscale(100%); // 灰度
	    filter: blur(5px); // 高斯模糊
	    opacity: 0.5; 
	    transition: all 0.3s linear;
    	}
	.img:hover {
		-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	    filter: grayscale(0%);
	    filter: blur(0px);
	    opacity: 1;
	}