img.pic{ filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8, #grayscale"); -webkit-transition: all .6s ease; padding-right: 7px; padding-left: 7px; } img.pic:hover{ filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8, #grayscale"); }