grayscale hover

<style>
#grayscale img {
filter: grayscale(0%);
transition: .25s ease-out;
}

#grayscale:hover img {
filter: grayscale(100%);
transition: .25s ease-in;
}

</style>
<div id="grayscale"><img src="Your Image Here">
</img>