这些css3元素的属性都是有兼容问题的,在不同浏览器呈现效果要注意添加前缀。

transition:

例如{
transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */

-webkit-transition: width 2s; /* Safari 和 Chrome */

-o-transition: width 2s; /* Opera */}

transfrom:

例如{
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 */

}

nth-of-type:除了IE8 都兼容

是不是没有写chrome内核前缀