Не работает анимация в firefox Как пофиксить?

Question

[Александр Горкин]

.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)

В хроме отображается все отлично, а Firefox анимация работать не хочет, не могу понять почему

Answer 1

[Виталий Першин]

Потому что для мазилы у вас стоит анимация -moz-animation-name: play_up ну а тут в примере её нет...

Answer 2

[Bondi]

@-webkit-keyframes NAME-YOUR-ANIMATION {}
@-moz-keyframes NAME-YOUR-ANIMATION {}
@-o-keyframes NAME-YOUR-ANIMATION {}

статья из css-tricks