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

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你可以.animate

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

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

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

}); 

这有可能是另一种工作的一种方法。