Hover dos imágenes

[metal1616]

Esto sería perfecto muchas gracias. Mi fallo era que en el html dentro del enlace metía la imagen con <img src....> en vez de meterlo desde el css como hizo linton.

Pzin sorry por no poner el código, pero probé tantas cosas que ya no sabía cuál era el último utilizado.

Ahora me gustaría saber si conocéis algún tipo de transition o algo parecido para que la segunda imagen fuera apareciendo de abajo hacia arriba como si diera la sensación de que se está llenando la jarra.

Lo que, ¿para el transition, tendríamos que declarar la segunda imagen en el div también y por ejemplo con una opacidad de 0% y ya en el hover meterle el transition?

Muchas gracias por vuestra ayuda.