google-chrome - CSS アニメーションが Chrome ではスムーズに動作するのに Firefox では動作しないのはなぜですか?

Question

CSS アニメーションが Chrome ではスムーズに動作するのに Firefox では動作しないのはなぜですか?

URL：http ://carloshermoso.com/works/rwd/

#mainContent h2 { -moz-animation-duration:3s; -moz-animation-name:slideIn; -webkit-animation-duration:3s; -webkit-animation-name:slideIn; text-transform:uppercase; }
@-moz-keyframes slideIn
{
from { margin-bottom:100%; width:300%; }
to { margin-top:0%; width:100%; }
}
@-webkit-keyframes slideIn
{
from { margin-bottom:100%; width:300%; }
to { margin-top:0%; width:100%; }
}

どうもありがとう！