这个 能用纯css3 实现吗 如果能 有人能提供代码吗

来源:3-2 JS部分

铭天更精彩

2016-11-12 21:01

怎么用纯css3实现

写回答 关注

1回答

  • 慕粉3727206
    2016-12-14 21:58:16

    var curIndex = 1 ;


    function prev() {

    if(curIndex == 1) return;

    var curPage = document.getElementById("page" + curIndex);

    curPage.style.webkitTransform = "rotateX(90deg)";


    curIndex--;


    var prevPage = document.getElementById("page" + curIndex);

    prevPage.style.webkitTransform = "rotateX(0deg)";

    }


    function next() {

    if(curIndex == 6) return;

    var curPage = document.getElementById("page" + curIndex);

    curPage.style.webkitTransform = "rotateX(-90deg)";


    curIndex++;


    var nextPage = document.getElementById("page" + curIndex);

    nextPage.style.webkitTransform = "rotateX(0deg)";

    }


CSS3 3D 特效

使用CSS3当中的属性,创建真实可用的三维效果

78574 学习 · 425 问题

查看课程

相似问题