Question

应用于两个滑动按钮的CSS3过渡在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中工作，也可以像为webkit浏览器一样为mozilla添加浏览器指定的css

.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);

Firefox中没有正确呈现CSS3转换

1 个答案: