Make backface visibility hidden, use two elements instead of one, position:absolute them on top of eachother, put them in a containing element – when the containing element is hovered, trigger your flip transition.
Read this:
0
solved Change text with flipping animation on hover Jquery/css3 [closed]