1

次のフィドルでクリック時にアニメーションを実装しようとしています: My Fiddle

   var animating = false;

    rotateDoor = function() {
        if (animating)
            return;
        var door = $('#door');
        animating = true;
        openDoor(door, 5);

    };

    openDoor = function(door, angle) {
        if (angle >= 90) {
            animating = false;
            return;
        }
        door.css('-webkit-transform', 'perspective(200px) rotateY( ' + angle + 'deg )');
        door.css('-moz-transform', 'perspective(200px) rotateY( ' + angle + 'deg )');
        setTimeout(function() {
            openDoor(door, angle += 1);
        }, 20);
    };
});

Zoomooz js プラグインをフィドルに外部から追加しましたが、ドアが閉じた後のアニメーションに遅延の問題があるようです。(Firefox のみ。)

私のFirefoxのバージョンは26.0、Mozilla Firefox for ubuntu canonical 1.0です。

更新:ドアの問題だけではありません.firefoxはZoomoozを拾い、firefoxでは非常に遅いです.

4

0 に答える 0