無月

    .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/