CSS转换不适用于IE 11

时间:2018-05-03 18:32:15

标签: css internet-explorer-11 css-transforms

我已经耗尽了我能找到的所有资源,无法找到解决方案。我试图使用IE 11作为浏览器为图形设置不透明度和Y坐标的动画。

IE 11中的Opacity工作正常(图形渐入淡出),转换在IE 11中不起作用。在Firefox中,两者都有效。

这是CSS:

@keyframes 
pulse
{
 0%
 {
   opacity: 1.0;   
   transform: translateY(+5px);
 }
 45%
 {
   opacity: .20;
   transform: translateY(-5px);         
 }
 100%
 {
   opacity: 1.0;
   transform: translateY(+5px);          
 }
}
#blink_layer {  
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: pulse;
   }

我知道IE 11支持TRANSFORM,不需要任何前缀。

如何让TRANSFORM在IE中运行?什么可能会破坏转变?

0 个答案:

没有答案