호버(hover) 이벤트시 이미지 흑백처리

[CSS] 이미지 흑백처리 -webkit-filter : grayscale(100%) : http://www.410content.com/home/develop/917

# hover() 이벤트 메소드 예제소스 보기 : https://webisfree.com/2015-11-25/제이쿼리-hover()-이벤트-배우기

a img {-webkit-filter: grayscale(100%); filter: gray;}

a:hover img {-webkit-filter: grayscale(0%); filter: none;}

.gt-gallery-thumb:hover > img {-webkit-filter: grayscale(100%); filter: gray;}

.gt-gallery-thumb > img {-webkit-filter: grayscale(0%); filter: none;}

$(document).ready(function(){

    $(".gt-gallery-thumb > img").hover(function() {

    $(this).css("-webkit-filter", "grayscale(100%)");

    $(this).css("filter", "gray");

    }, function(){

    $(this).css("-webkit-filter", "grayscale(0%)");

    $(this).css("filter", "none");

    });

});