Css Transition Mouse Enter Animation And Mouse Out Animation

I'm having trouble trying to figure out css transition. I have an image that when a user hovers over it the title flys in from the left, but when they hover out i want the title to

Solution 1:

This is pretty simple... I have made a FIDDLE LINK for you.

 jsfiddle.net/Anuj_Kumar/2gba05ug/