Hover Image provides an easy-to-use functionality to change image on hover.
Simply go to Settings --> Hover Image. There you can simply change the design of your transition. Note that the transition will be invisible if you set the time to 0.
Set a leading dot to the seconds field. E.g. .4 or .9