Closed
Description
What does em
resolve against in the following animation?
@keyframes anim1 {
from { font-size: 10px; width: 10em; }
to { font-size: 20px; width: 20em; }
}
In Chrome, anim1
produces an animation for width
in em
-space, where em
is resolved against the animated font-size
for each frame.
In FF, anim1
produces an animation for width
from 160px
to 320px
, i.e. the font-size
of the keyframe is ignored.