HTML CSS3 鼠标移入后图片变灰

<img class="a" src="XXXXXXXX"></img>

.a{
	transition:all 0.3s;	/* 过渡 all为全部 0.3秒 */
}
.a:hover{
	filter:gray;	/* filter为滤镜 gray为颜色 */
	filter:grayscale(100);  /* 将图像转换为灰度图像 */
	opacity:0.7;	/* 透明度 */
	transition:all 0.3s;		/* 上边那个加了之后 移入移出都会有过渡 */
}