[hover sample]

Code :

<style>
img {
border:1px solid #ddd;
padding:2px;
}
img:hover {
-webkit-filter: opacity(0.5);
-webkit-transition-duration: 500ms;
}
</style>

Contrast hover : 

Code :

<style>
img {
border:1px solid #ddd;
padding:2px;
}
img:hover {
-webkit-filter: invert(1);
-webkit-transition-duration: 500ms;
}
</style>

Thankyou for visiting.
I make some blog tutorial here & I hope you like it.

*No repost (just backlink if you want to share)
*All tutors are mine unless stated