为啥动画内容在 Firefox 中不起作用？

Posted 2023-03-06

【中文标题】为啥动画内容在 Firefox 中不起作用？

【英文标题】：Why animating content does not work in Firefox?为什么动画内容在 Firefox 中不起作用？

【发布时间】：2016-11-06 17:17:51

【问题描述】：

为什么以下动画在 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

【参考方案1】：

因为规范不允许content to be animated。

【讨论】：

感谢您的链接。 This article 对此有更多了解。

是的，不幸的是，Chrome 的开发策略已经转变为或多或少地为所欲为，而不是遵守标准。 Chrome 是新的 IE。