CSS3-transition 在 Firefox 中未正确呈现

Question

应用于两个滑动按钮的 CSS3-transition 在 Firefox 中无法正确呈现，但在 Chrome 和 safari 中呈现优雅。

.carousel-inner .item .btn-primary, 
.carousel-inner .item .btn-success {
    -webkit-transform:translate(0,35px);
    transform:translate(0,35px);
    -webkit-transition:all 350ms;
    transition:all 350ms;
}
.carousel-inner .item.active .btn-primary, 
.carousel-inner .item.active .btn-success {
    -webkit-transform:translate(0,0px);
    transform:translate(0,0px);
}

完整代码见这里：http://jsfiddle.net/zPsWg/

任何想法都将受到高度赞赏。

Answer 1

如果你想在 mozilla 中工作，也为 mozilla 添加浏览器指定的 css，就像你为 webkit 浏览器所做的那样

.carousel-inner .item.active .btn-success {
     -webkit-transform:translate(0,0px);  /*  for webkit - chrome, safari */
     -moz-transform:translate(0,0px);     /* for Mozilla  */
     -ms-transform:translate(0,0px);      /* for IE   */
  transform:translate(0,0px);