此動畫（css3）不適用於Firefox

Question

此動畫http://jsfiddle.net/ts9AG/不適用於（Firefox的最新版本）。但在Firefox 26中工作。我不知道爲什麼它不工作。它只使用邊框寬度&背景顏色。

.loader.pulse { 
    width: 40px; 
    height: 40px; 
    border: 20px solid red; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    border-radius: 50%; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    animation: Loader 1.3s linear 0 infinite; 
    -moz-animation: Loader 1.3s linear 0 infinite; 
    -webkit-animation: Loader 1.3s linear 0 infinite; 
    -o-animation: Loader 1.3s linear 0 infinite; 
} 

@-webkit-keyframes Loader { 
    0% { 
    background: #ddd; 
    border: 20px solid red; 
    } 
    49.9% { 
    background: #ddd; 
    border: 0px solid red; 
    } 
    50% { 
    background: red; 
    border: 20px solid #ddd; 
    } 
    100%{ 
    background: red; 
    border: 0px solid #ddd; 
    } 
} 

@-moz-keyframes Loader { 
    0% { 
    background: #ddd; 
    border: 20px solid red; 
    } 
    49.9% { 
    background: #ddd; 
    border: 0px solid red; 
    } 
    50% { 
    background: red; 
    border: 20px solid #ddd; 
    } 
    100%{ 
    background: red; 
    border: 0px solid #ddd; 
    } 
} 

@keyframes Loader { 
    0% { 
    background: #ddd; 
    border: 20px solid red; 
    } 
    49.9% { 
    background: #ddd; 
    border: 0px solid red; 
    } 
    50% { 
    background: red; 
    border: 20px solid #ddd; 
    } 
    100%{ 
    background: red; 
    border: 0px solid #ddd; 
    } 
} 

Answer 1

火狐26似乎解釋animation: Loader 1.3s linear 0 infinite的0作爲一個時間值，即使它不應該。如果你更改爲0s它應該工作。 http://jsfiddle.net/ts9AG/1/

-moz-animation: Loader 1.3s linear 0s infinite; 
-webkit-animation: Loader 1.3s linear 0s infinite; 
-o-animation: Loader 1.3s linear 0s infinite; 
animation: Loader 1.3s linear 0s infinite;