937052 - [CSS] keyframes with zero (no units)

Status: RESOLVED INVALID

(DevTools :: Style Editor, defect)

Description

[BaNru]

User Agent: Mozilla/5.0 (Windows NT 5.1; rv:25.0) Gecko/20100101 Firefox/25.0 (Beta/Release)
Build ID: 20131025151332

Steps to reproduce:

Not work animation in FireFox (In Chrome it works):

@keyframes slider {
	0 {top: 0px;}
	100% {top: 10px;}
}

or

@-moz-keyframes slider {
	0 {top: 0px;}
	100% {top: 10px;}
}



Expected results:

Work animation:

@keyframes slider {
	0% {top: 0px;}
	100% {top: 10px;}
}

or

@-moz-keyframes slider {
	0% {top: 0px;}
	100% {top: 10px;}
}

Comment 1

[Girish Sharma [:Optimizer]]

Can't reproduce now. Please reopen if you can reproduce on latest Nightly.

Comment 2

[BaNru]

(In reply to Girish Sharma [:Optimizer] from comment #1)
> Can't reproduce now. Please reopen if you can reproduce on latest Nightly.

http://demo.g63.ru/bugFF_animation.html

Left image animation - work
Right image animation - not work

Not Work 27.0.1 (Ubuntu) AND Not Work 30.0a1 (2014-03-16) (Nightly on Windows XP)

Comment 3

[Girish Sharma [:Optimizer]]

Okay, I see. The case I tested, simply ignored the 0 value and used the 100% as the final point.

Anyways, This is certainly not a bug, and definitely not a Style Editor bug. This is how keyframes are supposed to work according to the spec [0]. Chrome is just not following the spec correctly.

[0] http://www.w3.org/TR/css3-animations/#keyframe-selector