旋轉和縮放不IE11

工作在我的CSS我用下面的代碼，以旋轉和縮放懸停：旋轉和縮放不IE11

.myclass:hover img { 
-ms-transform: scale(1.1) rotate(-20deg); 
-webkit-transform: scale(1.1) rotate(-20deg); 
-moz-transform: scale(1.1) rotate(-20deg); 
transform: scale(1.1) rotate(-20deg); 
}

此代碼適用於Chrome，但不是在IE11。任何幫助？

預先感謝您

來源

2017-08-16 PanBou

我在IE 11有同樣的問題，我意識到，如果我減少動畫的時間可能工作（例如，0.3秒）。但這對我來說不是一個解決方案。

在閱讀時如何解決Firefox中抖動CSS轉換問題：https://gielberkers.com/how-to-fix-shaking-css-transitions-in-firefox/ 我發現了一個解決方案（適用於Firefox），我認爲它可以爲IE使用相同的概念。

這個想法是旋轉（儘可能最小）的div或圖像，而你做比例。就像這樣：

@keyframes loading 
    0% 
    transform: scale(1); 
    50% 
    transform: scale(1.2) rotate(0.02deg); 
    100% 
    transform: scale(1);

我做了這一招，並在IE 11

來源

2017-08-16 13:51:12 RGarcia

工作我試圖@keyframes解決方案添加了4個步驟，但還是一樣 – PanBou

另外，我想只需旋轉，不進行縮放，仍然旋轉不能發生在IE11 – PanBou

有一個解決方法，但必須在JavaScript中完成這裏是你需要的例子： https://codepen.io/myst1c/pen/bravZM – RGarcia

旋轉和縮放不IE11

回答

相關問題