css3 新属性的兼容性之--transform

来源:互联网 发布:怎么判断淘宝客链接 编辑:程序博客网 时间:2024/05/18 03:10

转载引用:http://blog.csdn.net/teresa502/article/details/8207198

transform 的四个rotate、scale、skew和translate属性,

目前支持的浏览器 Safari 3.1+、 Chrome 8+、Firefox 4+、Opera 10+、IE9+;

兼容性写法:

  transform: rotate(45deg) scale(1.5) translate(150px, 200px);
  -webkit-transform: rotate(45deg) scale(1.5) translate(150px, 200px);    /* for Chrome || Safari */
-moz-transform: rotate(45deg) scale(1.5) translate(150px, 200px);       /* for Firefox */
 -ms-transform: rotate(45deg) scale(1.5) translate(150px, 200px);        /* for IE */
-o-transform: rotate(45deg) scale(1.5) translate(150px, 200px);         /* for Opera */