CSS3 animation-play-state in stenografia non funziona in IE e Safari

Question

Sto lavorando al progetto con più animazioni sullo stesso elemento di volta in volta e passando da animation-play-statepaused a running.

Quando sto provando ad aggiungere una classe con sintassi stenografica animazione incluso animation-play-state:running, allora non funziona in IE & Safari.

.fadein-left { 
    -webkit-animation: fadeInLeft 1s 2s both running; 
    animation: fadeInLeft 1s 2s both running; 
} 

jsfiddle link

Ma se io uso animation-play-state in linea separata allora sta funzionando bene in tutti i browser.

.fadein-left { 
    -webkit-animation: fadeInLeft 1s 2s both; 
    animation: fadeInLeft 1s 2s both; 
    -webkit-animation-play-state: running; 
    animation-play-state: running; 
} 

jsfiddle link

ho controllato proprietà di animazione sul msdn in Osservazioni sezione hanno solo mentioned-

Tuttavia, la proprietà di animazione non specifica i valori per la proprietà di animazione-play-Stato .

E 'possibile utilizzare animation-play-state in animazione stenografica o devo usarlo in una riga separata?

Answer 1

provare questo:

div { 
    width: 100px; 
    height: 100px; 
    background: red; 
    position: relative; 
    -webkit-animation: mymove 5s; /* Chrome, Safari, Opera */ 
    -webkit-animation-play-state: paused; /* Chrome, Safari, Opera */ 
    animation: mymove 5s; 
    animation-play-state: paused; 
}