CSS字母间距转换在Firefox v26中不起作用

Question

此转换适用于Chrome和IE11，但不适用于Firefox v26 Win7。

MDN specification says it's still in a working draft.

CSS-TRICKS说它没有任何关于在Firefox中不起作用的说明，它是可动画的。

This js fiddle demonstrates the behavior.

有什么想法吗？

.trans {   
    -moz-transition: all 1s;
    transition: all 1s    
}

.spaced {    
    letter-spacing: 10px    
}

$("#btn").on('click', function() {
    $("h1").toggleClass("spaced");
});

<h1 class="trans">Animate my letter spacing</h1>
<input type="button" value="animate" id="btn">   

Answer 1

规范中未定义normal（默认值）与长度之间的插值。您希望从0转换为10px，而不是normal转换为10px。

Answer 2

尝试使用css，而不是使用css，只需.animate

http://jsfiddle.net/cornelas/8jAZy/9/

$("#btn").on('click', function() {

   $("h1").animate({ "letter-spacing" : "10px"});

});

这是另一种可行的方法。