CSS3 + jQuery頁面翻轉時機調整

Question

嗯，即時嘗試建立一個全屏翻頁與css3轉換和jQuery添加/刪除某些特效。到目前爲止，我已經設法建立了效果和適當的班級變化。但是當轉換髮生時，我不能將一頁放在另一頁的「後面」。

我已經嘗試使用z-index爲page2（這是第一個頁面後面的頁面），但是我無法完成這項工作。

http://www2.madeinweb.com.br/jobs/page-flip/

這是原IM，現在正在研究。

$('.page1').removeClass('flip in reverse').addClass('flip out').delay(650).hide(0); 
$('.page2').removeClass('flip out reverse').addClass('flip in').delay(650).show(0); 

jQuery類觸發。

在此先感謝。

Answer 1

嗯，我設法使這個工作與絕對定位。不想使用此解決方法，但這是我找到的最乾淨的方式。