transform的兼容性写法浏览器 和 transition

Posted 520bigbear

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了transform的兼容性写法浏览器 和 transition相关的知识,希望对你有一定的参考价值。

transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); /* Opera */

 

transition:all 1s;
-ms-transition:all 1s; /* IE 9 */
-moz-transition:all 1s; /* Firefox */
-webkit-transition:all 1s; /* Safari 和 Chrome */
-o-transition:all 1s; /* Opera */

 

-o-:以Presto为渲染引擎的浏览Opera的私有属性、 -moz-:以Gecko为渲染引擎的浏览器Mozilla Firefox的私有属性 -webkit-:以Webkit为渲染引擎的浏览器Safari、Google Chrome的私有属性-ms-:IE8的私有属性的transition:CSS3的过度效果



以上是关于transform的兼容性写法浏览器 和 transition的主要内容,如果未能解决你的问题,请参考以下文章

CSS Transition为啥会在Firefox与IE中无效

任意元素垂直居中

任意元素垂直居中

CSS3动画:transition和animation

css3 兼容各个浏览器

SVG中 transform矩阵遇到的兼容性问题