Animation CSS3 : animation inverse possible ?

Bonsoir,
je débute en CSS et j'ai réussi à créer un élément d'une div contenant une icone qui, quand on passe la souris dessus, slide vers la gauche et fait apparaitre un autre élément (texte en l'occurrence) qui entre par la droite dans la div. Pour bien comprendre, j'ai reproduit une boîte de ce magnifique site : http://sendthanks.to/

Mais voilà, dès que je sors de la zone div, l'animation est "terminée" et je me retrouve, sans transition, à l'état initial (celui où on voit l'icone). Je ne sais pas s'il est possible en CSS3 d'effectuer la translation inverse (ou tout autre animation) lorsque l'on sort de la zone où l'on applique le hover (comme le fait très bien le site précédemment cité).

(si vous m'avez compris, je ne pense pas parler de l'attribut reverse)

Merci, vous me sauveriez la vie !