CSS####
.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);
}
參考網站：
http://easyrocketstudio.com/
