CSS3 + jQuery頁面翻轉定時調整

Question

好吧，即時通訊正在嘗試使用css3過渡和jQuery構建全屏頁面翻轉，以添加/刪除某些效果。 到目前為止，我已經設法建立起效果和適當的班級變更。 但是在過渡發生時，我不能將一頁放在另一頁之后。

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

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

這是目前正在研究的原型。

$('.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

好吧，我設法做到了絕對定位。 不想使用此解決方法，但這就是我找到的最干凈的方法。