當隱藏背景可見性時取消圖像變換/過渡

Question

我有一個可點擊的框。裏面還有一個圖像，用於放大懸停，如fiddle所示。
問題是，這是隱藏在圖像上的變焦過渡是當我把鼠標移出或放回短暫顯示
My attempt解決它：

#box.flip:hover img{ 
    -webkit-transform: none; 
} 

但翻轉之前，這一個復位圖像轉換完成，看起來很醜。

Answer 1

只需添加的z-index：

#box.flip .amount{ 
    -webkit-transform: rotateX(0deg); 
    z-index:999; 
} 

http://jsfiddle.net/aJY34/3/