Html 关键帧不'；在IE11中无法正常工作

我有一个选择框动画，其中选择框高亮显示。显然，关键帧动画在Chrome中正常工作，但在IE11中无法正常工作。 我想知道我应该在代码中修改什么，这样它也可以在IE11中工作

。为长方体设置动画{
身高：100%；
-moz动画持续时间：0.5s；
-webkit动画持续时间：0.5s；
-moz动画名称：changeShadow；
-webkit动画名称：changeShadow；
-moz动画迭代次数：无限；
-webkit动画迭代计数：无限；
-moz动画方向：交替；
-webkit动画方向：交替；
边框：1px纯黑；
}
@-webkit关键帧更改阴影{
从{
盒影：0px 0px 10px#90a4b2；
}
到{
盒影：0px 0px 20px#337ab7；
}
}
@-moz关键帧更改阴影{
从{
盒影：0px 0px 10px#90a4b2；
}
到{
盒影：0px 0px 20px#337ab7；
}
}

沃尔沃汽车
萨博
梅赛德斯
奥迪

我发现我忘了将动画属性添加到css中，并包括未修复的关键帧：

.animate-box{
    height: 100%;
    -moz-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -moz-animation-name: changeShadow;
    -webkit-animation-name: changeShadow;
    animation-name: changeShadow;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    border: 1px solid black;
}

@keyframes changeShadow{
  from {
    box-shadow: 0px 0px 10px #90a4b2;
  }

  to {
    box-shadow: 0px 0px 20px #337ab7;
  }
}

---

您必须为IE10+的CSS动画添加不固定的属性，请在上查看。此外，您还可以使用速记属性：

。为长方体设置动画{
身高：100%；
-webkit动画：changeShadow 0.5s无限交替；
-moz动画：changeShadow 0.5s无限交替；
动画：changeShadow 0.5s无限交替；
边框：1px纯黑；
}
@-webkit关键帧更改阴影{
来自{box shadow:010px#90a4b2；}
到{box shadow:020px#337ab7；}
}
@-moz关键帧更改阴影{
来自{box shadow:010px#90a4b2；}
到{box shadow:020px#337ab7；}
}
@关键帧改变阴影{
来自{box shadow:010px#90a4b2；}
到{box shadow:020px#337ab7；}
}

沃尔沃汽车
萨博
梅赛德斯
奥迪

IE中发生了什么。我的错误是，我忘了在css中添加动画属性。关闭此问题您还需要包括未固定的

关键帧。顺便说一下，您可以使用here来减少所需的代码量：
animation:changeShadow.5s infinite alternate。感谢您的快速回复。银行谢尔盖·杰尼索夫