jquery - css3 转换在 mozilla 中不起作用，但其他浏览器可以

Question

我一直在尝试使用 css3 转换在 mozilla im 上运行我的代码..

.header {
    width:100%;
    height:160px;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
}

 $(window).scroll(function() {
    $('.header').css({ 'height':'80px' });
 });

问题是在 mozilla 中没有过渡动画，而在 chrome 中有。

Answer 1

DEMO

试试这个:

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

解释:

-webkit-...  // For Webkit browser(Chrome, Safari...)
-moz-...     // For Mozilla browser
-ms-...      // For Microsoft browser
-o-...       // For Opera browser
none...      // For all browser(Newest version)

Reference