-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的會看到他們（和忽略它們）