-webkit-animation-play-state não está funcionando no Chrome
Eu configurei um JSFiddle simples para ilustrar o problema:
Alguém pode me dizer por que o Safari mostra o elemento animado em um estado de pausa, como esperado, mas no Chrome a animação está em execução? Estou usando o Chrome 33.0.1750.146 e me pergunto se este é um bug com a versão mais recente. Ou estou completamente faltando alguma coisa ....
Aqui está o CSS do elemento em pausa.
#blue-box {
width: 100px;
height: 100px;
background: blue;
-webkit-animation-name: blueBox;
-webkit-animation-play-state: paused;
-webkit-animation-duration: 2000ms;
-webkit-animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-name: blueBox;
animation-play-state: paused;
animation-duration: 2000ms;
animation-timing-function: ease;
animation-iteration-count: infinite;
}