CSS边框动画可在Chrome，Firefox中运行，但不能在Edge 15 / IE 11中运行

Question

一个简单的css动画可以更改div边框的颜色，但可以在Firefox和Chrome上使用，但不适用于Edge 15和IE 11。

我正在通过浏览器堆栈在Edge 15上进行测试。 我尝试过使用前缀，但没有任何运气。

div {
  animation: mymove 5s infinite;
}
@keyframes mymove {
  0% { left: 0px; border: 9px solid green; }
  100% { left: 200px; border: 10px solid blue; }
}

https://jsfiddle.net/wf95qxsm/2/

Answer 1

如果您在原始定义中定义了开始属性，它将在IE11中工作

 div { width: 100px; height: 100px; background: red; position: relative; -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */ animation: mymove 5s infinite; border: 9px solid green; /* this */ } /* Safari 4.0 - 8.0 */ @-webkit-keyframes mymove { 0% { left: 0px; border: 9px solid green; } 100% { left: 200px; border: 10px solid blue; } } @keyframes mymove { 0% { left: 0px; border: 9px solid green; } 100% { left: 200px; border: 10px solid blue; } } 

 <div></div>