css3动画为什么就是不动

html-css022

css3动画为什么就是不动,第1张

首先：你可以排除下浏览器兼容的问题，浏览器的兼容是指，IE8以下的浏览器是不兼容CSS3的，目前来说，火狐，谷歌，苹果，ie8以上的浏览器是可以实现的，假设你的浏览器可以属于上面的其中之一，那么第二种可能就是，你自己的代码拼写有错，仔细看代码的编写，有没有出错。有错误则要更正，代码书写一般都要很细心的研磨才可以，不错基本都是可以运行的。

你好，这个问题应该是css兼容性问题导致的。

目前绝大部分移动浏览器还不支持animation这个属性，而是支持-webkit-animation（这类加前缀的）属性，在问题中：

.ih { background: #000 opacity:.3width: 90% height: 25% margin-left:-45% position: absolutebottom: 120pxleft:50%

    animation:ih 2s

}

只设置了，animation: ih 2s而没有写兼容的 -webkit-animation: ih 2s所以动画在移动浏览器中就不动了。你可以试下将上面代码改为：

.ih { background: #000 opacity:.3width: 90% height: 25% margin-left:-45% position: absolutebottom: 120pxleft:50%

    -webkit-animation:ih 2s

    -moz-animation:ih 2s

    -ms-animation:ih 2s

    -o-animation:ih 2s

    animation:ih 2s

}

希望能帮你解决问题，望采纳~~