考虑下面的小提琴：
http://jsfiddle.net/6TMcS/
http://jsfiddle.net/6TMcS/
p {
-webkit-transform: translate(-100%,0);
-moz-transform: translate(-100%,0);
-ms-transform: translate(-100%,0);
-o-transform: translate(-100%,0);
transform: translate(-100%,0);
-webkit-transition: transform 1s ease-in;
-moz-transition: transform 1s ease-in;
-o-transition: transform 1s ease-in;
transition: transform 1s ease-in;
}
a:hover + p {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
过渡在FF中顺利进行，但在Safari或Chrome(我的Mac)上没有任何过渡。
解决方法
在转换中添加供应商前缀：
p {
-webkit-transform: translate(-100%,0);
-webkit-transition: -webkit-transform 1s ease-in; /* Changed here */
-moz-transition: -moz-transform 1s ease-in;
-o-transition: -o-transform 1s ease-in;
transition: transform 1s ease-in;
}
a:hover + p {
-webkit-transform: translate(0,0);
}
更新(05/06/2014)
要回答一些意见，省略-ms转换的原因是，它从来没有存在。
检查：
