.modules .thumb img{
-webkit-filter: grayscale(1);
filter: grayscale(1); //CSS3 黑白滤镜属性 1为黑白-moz-transform: translate(-50%, -50%) scale(0.7);-ms-transform: translate(-50%, -50%) scale(0.7);-webkit-transform: translate(-50%, -50%) scale(0.7);
transform: translate(-50%, -50%) scale(0.7);
-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.modules .module:hover img {
-webkit-filter: grayscale(0); //CSS3 黑白滤镜属性 0为原色
filter: grayscale(0);-moz-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
参考网站:
https://easyrocketstudio.com/