Animation not working in firefox How to fix?

Question

css

.button
  -webkit-animation-name: play_down
  -moz-animation-name: play_up
  -webkit-animation-duration: 1s
  -moz-animation-name: 1s
  -o-animation-duration: 1s
  -webkit-animation-iteration-count: infinite
  -moz-animation-iteration-count: infinite
  -o-animation-iteration-count: infinite
            

@keyframes  play_top 
  0% 
    box-shadow: 0 0 rgba(247, 177, 0,.6)
  to 
    box-shadow: 0 0 0 20px rgba(247, 177, 0,1)
               
@keyframes  play_down 
  0% 
    box-shadow: 0 0 rgba(247, 177, 0,.6)
  to 
    box-shadow: 0 0 0 20px rgba(247, 177, 0,.0)

In chrome, everything is displayed fine, but Firefox animation does not want to work, I can not understand why

Answer 1

Because for the muff you have the animation -moz-animation-name: play_up, but here in the example it is not ...

Answer 2

@-webkit- keyframes NAME-YOUR-ANIMATION {}
@-moz- keyframes NAME-YOUR-ANIMATION {}
@-o- keyframes NAME-YOUR-ANIMATION {}
article from css-tricks