爲什麼動畫內容在Firefox中不起作用？

Question

爲什麼下面的動畫在Chrome中運行但在Firefox中不能運行？

HTML：

<button>Loading</button> 

CSS：

button { 
    width: 70px; 
    text-align: left; 
} 

button:after { 
    content: ''; 
    animation: dots 1s infinite; 
} 

@keyframes dots { 
    0% { content: ''; } 
    25% { content: '.'; } 
    50% { content: '..'; } 
    75% { content: '...'; } 
} 

Playground

Answer 1

因爲規範不允許content to be animated。