好吧,我正在尝试使用 css3 过渡和 jQuery 构建全屏页面翻转来添加/删除某些效果。到目前为止,我已经设法建立了效果和适当的班级变更。但是当转换发生时,我不能将一页“放在”另一页“后面”。
我已经尝试为 page2 使用 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 类触发。
提前致谢。