CSS3变换和转换(Webkit)

考虑下面的小提琴：
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)上没有任何过渡。

是否有transition属性要加上前缀，还是在我的代码中有某种语法错误？

解决方法

在转换中添加供应商前缀：

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转换的原因是，它从来没有存在。

检查：

Can I Use? Transitions，

Can I Use? Transforms，

MDN transitions，

MDN transforms