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.