The hover effects on images (which when the user hovers over an HTML element, in many cases an image, and is exhausted when the mouse is moved) have been for a long time one of the main factors of interaction between page and user.
But today, with the possibilities offered by modern client-side technologies, Web designers can really give free rein to creativity. In this article we see 5 animations of hovering on really original images. All snippets are viewable and testable on Code Pen .
1) Distribution in levels
There are many possible combinations.
2) CSS3 filters
3) Slide and Zoom
4) Unfold and tooltip
Also in this case we have a combination of two different animations , whose final product is really nice, and can be applied to a series of HTML elements defined by the user.
Very minimal HTML layout :
5) Shifting Reality