ホームページのリニューアルを考えるべきタイミング


CSSで画像マウスオーバー（ホバー）時にモノクロ（グレイスケール）化する。


.toGray{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
transition:0.5s;
transition:0.5s;
}
 
.toGray:hover{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}