Internet Explorer 11不允許在@keyframe內進行計算

Question

我有一些代碼可以在DIV的寬度內來回反彈一些文本。

雖然此示例適用於Firefox，Opera，Safari和Chrome，但它無法在Internet Explorer 11中運行。

問題似乎是在代碼的@keyframe區域內進行的計算

@keyframes slidein {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% + 250px)); 
    }
}

請參閱JSFiddle以獲取完整示例： http ： //jsfiddle.net/Musicman/g7e34/5/

Ps問題與我要求-ms-供應商前綴無關

謝謝！

Answer 1

我使用你的jsfiddle在IE11（在W7 x64上）使用IE 10 + 11給出的答案：使用calc（）的CSS轉換不起作用 ：

@keyframes slidein {
    from {
        transform:translateX(0);
    }
    to {
        transform:translateX(-100%) translateX(250px); 
    }
}