当隐藏背景可见性时取消图像变换/过渡

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/