ie不支持css3动画吗?

css3动画是使元素从一种样式逐渐变化为另一种样式的效果。可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。0% 是动画的开始,100% 是动画的完成。

ie不支持css3动画吗?

IE9及以下版本不支持css3动画。CSS3动画对低版本的浏览器的支持效果并不是很好,特别是IE9及以下版本,更是无法支持。

所以有时候一些简单的动画效果,还只是用js代码来实现,但是效率偏低,而且效果有些偏生硬,不够顺滑。 毕竟用js代码来实现动画并非正确之道。

拓展:

IE10 下CSS3动画(Animations)特效

CSS3里的动画特效。不用任何的Javascript,只用纯CSS,你就能实现令人相当吃惊的动画效果,甚至是3D动画效果。下面跟随笔者一起使用IE10 观看一个经典的CSS3动画效果(http://andrew-hoyer.com/experiments/walking/)

1.png
CSS3演示人行走的动画

CSS中的动画分为三种:

变形(transformation)、变换(transition)和动画(animation)

  • rotate 传递一个度数值来转动一个对象。

  • scale Scale是一个缩放功能,可以让任一元素变的更大。

  • translate 基于X和Y 坐标重新定位元素

  • skew skew就是要将对象倾斜,参数是度数

  • matrix

transform支持矩阵变换,就是基于X和Y 坐标重新定位元素

2.png

更多web开发知识,请查阅 HTML中文网 !!

以上就是ie不支持css3动画吗?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏