How to make so when you hover over the object he had become a color?

\r1 way\r2 way\r3 way\r

.pay-1{ background: url(img/some1.jpg); background-size: contain; } .pay-2{by analogy with the first} .pay-3{similar to the first} .footer-pay{ list-style:none; display:inline-block; float:left; .footer-pay li{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition-duration:0.3 s; } .footer-pay li:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }