jquery - css3アニメーション中にChromeが常にパースペクティブを適用するとは限らない

Question

CSS3 3D Transform のパースペクティブがアニメーションの最後のフレームまで無視される Chrome のランダムなバグのように見えるものがあります。毎回発生するわけではなく、パターンがあるようには見えません。

ここで例を見ることができます: http://jsfiddle.net/6gCBx/15/

HTML:

<div id="holder">click me</div>

CSS

html, body{
    width: 100%;
    height: 100%;
    background-color: #444444;
    padding: 0;
    margin: 0;
    -webkit-perspective: 600px;
}

#holder{
    width: 100%;
    height: 100%;
    background-color: #F5F5F5;
   -webkit-transition: -webkit-transform 0.5s ease;
   -webkit-transform-origin: 50% 100%;
}

.tilt{
    -webkit-transform: rotateX(40deg);
}

jQuery:

$('#holder').click(function(){
    $('#holder').toggleClass('tilt');
});

これが何であるかについてのアイデアはありますか？