css3:flip div effect on rollover

[surferbloggy]

Hi, i'm using a css for a flip div effect on rollover it works but i like to revert the text
now it's from right to rotate and then i flip with this code on rollover

  -webkit-transform: translateX( 100% ) rotateY( -180deg );
         -moz-transform: translateX( 100% ) rotateY( -180deg );
           -o-transform: translateX( 100% ) rotateY( -180deg );
              transform: translateX( 100% ) rotateY( -180deg );

i'd like it works from rotated to right
but if i change the translateX and rotateY on normal state it doesn't work anymore how could i rotate and traslate on normal state and on rollover state to reverse it?
could you help me to fix it? thank you