html - -moz-transform-origin が firefox で機能しない

Question

これは webkit で機能しますが、何らかの理由で -moz-transform が FF で機能しません。アイデアはありますか?

http://jsfiddle.net/KtCSy/

<img id="heart" width="47" height="42"  src="http://24.media.tumblr.com/d95e8df8385d7c4696d1211e8d8f7e64/tumblr_mm5q9hi3iF1rgpyeqo1_500.png" alt="love">

#heart {
    margin-top: -10px;
    margin-left: 3px;
  -webkit-animation: Pulse 2s ease-out infinite;
  image-rendering: -webkit-optimize-contrast;
}
@-webkit-keyframes Pulse {
  0%   {
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(1);
     -moz-transform-origin: 50% 100%;
     -moz-transform: scale(1);
  }
  50%   {
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1.5);
     -moz-transform-origin: 50% 50%;
     -moz-transform: scale(1.5);
  }
  100% {
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1);
     -moz-transform-origin: 50% 50%;
    -moz-transform: scale(1);
  }
}

Answer 1

すべての-moz-ルールはルール内に保持される-webkit- @ため、WebKit のみがそれらを参照 (および無視) します。