css动画兼容性，css能做动画效果吗

ie9不兼容css3实现的loading加载动画怎么解决

ie9与加载css3实现的动画不兼容。如何解决这个问题？最好的解决方案是用一个GIF动画代替，这样即使是最老的浏览器也没有问题，运行效率堪比css3实现的动画。这取决于你的网页侧重于哪种浏览设备。

第一步，打开电脑，打开word软件，加载文档，找到上方菜单栏的插入-形状。第二步，使用图形工具画出需要的图形即可。第三步，找到需要输入文字的矩形鼠标选中右键找到添加文字点击。

首先，loading加载动画应该具备简单、易懂、明显、美观的特点，不应过于复杂，否则可能会导致用户困惑。其次，loading加载动画应当和网页或应用程序的主题相吻合，这样可以增加用户体验和信任度。

可以在后台判断浏览器版本，如果是IE8就输出content=IE=8，如果是IE9就输出 content=IE=9。

IE10 开始支持的。针对版本低的现代游览器最好使用前缀（-webkit-，-moz-，-o-）。IE9 可以用JS的 setTimeOut 等函数来解决动画。

相关问答

Q1: CSS3动画和js动画各有什么优劣

css3性能明显比js好，很多性能、表现很好的动画大部份是由css3实现的。

尤其是三维效果的动画，JavaScript更是不可或缺的。使用动画框架动画框架是一种提供动画效果的代码库，可以简化动画的开发过程。

CSS3动画相比与JS更轻量，性能更好，更易于实现，同时也不必担心缺乏标准和增加带宽消耗的问题。

html5相对来说更好一些，结合css3中的过渡和动画等实现基本的动画效果，相对flash来讲，文件尺寸小，关键的是利于维护和改版，只需要改动代码，而flash的话得修改源文件。

Q2: css3动画播放后如何停止在最后的状态

1、所以当需要触发伪类的效果时，动画还是会依然进行，这时候就需要停止之前的无限循环的动画了。用css3的思路就是重新设置一个伪类的动画，把前面的动画给覆盖了。

2、如果是css3的动画的话，是不能的。可以使用jquery框架的.animate方法去实现。也是缓变效果，~如果你认可我的请及时点击【采纳为满意回答】按钮 ~~手机提问的朋友在客户端右上角评价点【满意】即可。

3、paused；} //反正animation-play-state属性已经不支持低级浏览器了。所以不需要考虑hover的兼容效果。要是想长时间的停止。用JS插入这个属性就好了。

4、当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。backwards：在 animation-delay 所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）。both：向前和向后填充模式都被应用。

关于css动画兼容性和css能做动画效果吗的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。