IE10とIE11で異なるanimate.cssアニメーション

Question

私はanimate.cssフレームワークを使用してソーシャルメディアアイコンをアニメーションしていますが、IE10とIE11では別のアニメーションが得られます。その振る舞いを修正するための特定のプレフィックスやその他のトリックがありますか？ここで

は私のjQueryのコードです：ここでは

$('li.social-item').hover(
    function(){ 
    $(this).toggleClass('animated pulse'); 
}); 

は、対応するCSSクラスです：私は間違って

.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

.pulse { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
} 

@keyframes pulse { 
    from { 
    -webkit-transform: scale3d(1, 1, 1); 
    transform: scale3d(1, 1, 1); 
    } 

    50% { 
    -webkit-transform: scale3d(1.05, 1.05, 1.05); 
    transform: scale3d(1.05, 1.05, 1.05); 
    } 

    to { 
    -webkit-transform: scale3d(1, 1, 1); 
    transform: scale3d(1, 1, 1); 
    } 
} 

何をしているのですか？

Answer 1

問題は%transformsと思います。 IE10とIE11には％変換の問題があります。ですから、/からpxとのブレンドを試してみてください。