iPhoneでCSSトランジションを使用して要素スケールを何も無しにするにはどうすればよいですか？

Question

私は独自のiPhone Safariプロパティ-webkit-transitionと-webkit-transformを使用して、優雅なアニメーションで要素を消滅させようとしています。コード：

<div id="right" style="font-size: 500%; text-align: center; background-color: #fdf; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s;">3</div> 

<script type="text/javascript"> 
    function shrinky() { 
     this.style.webkitTransform = 'scale(0,1)'; 
    } 

    document.getElementById('right').onclick = shrinky; 
</script> 

エレガントなアニメーションで要素が不可視に縮小されると思います。

これは、デスクトップのSafari（3.2.1（5525.27.1）OS X 10.5.6上）で正常に動作しますが、iPhone（iPhone OS 2.2.1（5H11））に、divはちょうど突然消えます。

Apple’s documentation (registration required, I think)のようにアニメーションを動作させる方法はありますか？

Answer 1

最初のscale引数を0ではなく非常に小さい10進数に設定すると、アニメーションが機能するように見えます。コード：これはiPhoneのバグかではありませんが、それはそれのように思える場合

<div id="right" style="font-size: 500%; text-align: center; background-color: #fdf; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s;">3</div> 

<script type="text/javascript"> 
    function shrinky() { 
     this.style.webkitTransform = 'scale(0.000001,1)'; 
    } 

    document.getElementById('right').onclick = shrinky; 
</script> 

わかりません。