为什么动画内容在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。