CSS3动画(关键帧)在IE9中不起作用

时间:2014-10-07 12:52:35

标签: css3 internet-explorer-9

我想在IE9中运行或转换为java脚本&在IE9中运行!不是不同的

     #div1{
        width:100px;
        height:150px;
        float:left;
       background-color:red;
       animation: mymove 2s infinite;
      -webkit-animation: mymove 2s infinite;
      -webkit-animation-direction: alternate;
      animation-direction: alternate;
       transform-origin: 50% 0%;}

  @keyframes mymove {
      from {transform:rotate(10deg);}to {transform:rotate(-10deg);}
  }
  @-webkit-keyframes mymove {
      from {transform:rotate(10deg);}to {transform:rotate(-10deg);}
  }

2 个答案:

答案 0 :(得分:0)

CSS3动画(关键帧)不适用于IE9。

查看Using CSS3 Animations in IE9

答案 1 :(得分:0)

IE9不支持。

来源:http://caniuse.com/#search=keyframe

不幸的是,很少有直接的CSS解决方法。

最好在javascript库的帮助下做动画作为解决方法。 一个例子是jquery动画效果: http://api.jquery.com/category/effects/