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"}); 

}); 

這有可能是另一種工作的一種方法。