html - IE 上的 webkit 动画

Question

我为我的图像控件创建了以下发光效果，但它不适用于 IE。我怎样才能让它在IE9上运行？或任何替代方案？

@-webkit-keyframes redPulse {
from { background-color: #FF5959; -webkit-box-shadow: 0 0 40px #FF5959; }
50% { background-color: #FD9FA2; -webkit-box-shadow: 0 0 40px #FD9FA2; }
to { background-color: #FF5959; -webkit-box-shadow: 0 0 40px #FF5959; }
}

.red{
-webkit-animation-name: redPulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
width:200px;
padding-top:0px;
margin-top:0px;

}

Answer 1

仍然不支持

Internet Explorer 尚不支持@keyframes 规则或动画属性。

Firefox 需要前缀 -moz-，Chrome 和 Safari 需要前缀 -webkit-，Opera 需要前缀 -o-。

来自：http ://www.w3schools.com/css3/css3_animations.asp

upd 也许它可以帮助你使用一些 jquery http://placenamehere.com/article/384/css3boxshadowininternetexplorerblurshadow/