的CSS過渡規模+旋轉上：將鼠標懸停在IE 10

Question

顫抖的毛刺

所以，這裏是演示：

http://jsfiddle.net/9fmSt/7/

它的工作原理完全地精在Chrome/FF。任何想法如何我可以解決這個問題？

.picCont { 
    box-sizing: border-box; 
    -moz-box-sizing:border-box; 
    width: 320px; 
    height: 360px; 
    padding: 40px 40px 0px 40px; 
    text-align: center; 
    background: #FFF; 
    position: absolute; 
    z-index: 50; 
    overflow: hidden; 
    -moz-transition-property: all; 
    -webkit-transition: all; 
    -moz-transition-duration: 1s; 
    transition-duration: 1s; 
    -webkit-transition: all 1s ease-in-out; 
    transition: transform all 1s ease-in-out; 
    transition: -moz-transform all 1s ease-in-out; 
} 
.picCont:hover { 
    box-shadow: 25px 25px 25px rgba(0,0,0,0.5); 
    z-index: 300; 
} 

Js代碼懸停與jsfidle內旋轉+規模。

Answer 1

改進你的代碼並從Javascript端刪除所有動畫內容。瞭解關鍵幀動畫：http://css-tricks.com/snippets/css/keyframe-animation-syntax/

我認爲故障是由這個原因引起：懸停

.picCont:hover { 
    box-shadow: 25px 25px 25px rgba(0,0,0,0.5); 
    z-index: 300; 
}