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/

P.s 问题与我需要 -ms- 供应商前缀无关

谢谢！

Answer 1

通过使用IE 10 + 11: CSS transitions with calc() do not work 给出的答案，我让它在 IE11（在 W7 x64 上）和你的 jsfiddle 一起工作：

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