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); 
    }
}