次のフィドルでクリック時にアニメーションを実装しようとしています: 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では非常に遅いです.