Javascript CSS3转换而不是jQuery_Javascript_Jquery_Css

Javascript CSS3转换而不是jQuery

javascript jquery css

Javascript CSS3转换而不是jQuery,javascript,jquery,css,Javascript,Jquery,Css,我有以下几点意见 <body> <div class="main"> <div class="page1 active"> <p>Page1</p> <button id="btn-about">Page2</button> </div> <div class="page2">

我有以下几点意见

<body>
    <div class="main">
        <div class="page1 active">
            <p>Page1</p>
            <button id="btn-about">Page2</button>
        </div>
        <div class="page2">
            <p>Page2</p>
        </div>
    </div>
</body>

然后它变成了这样：

<div class="page2 active">
    <p>Page2</p>
</div>


第2页

它工作得很好，但现在我想使用CSS3隐藏或显示具有特定效果的页面。向上滑动、向下滑动、向左滑动、向右滑动或淡入淡出

我是CSS3方面的新手，非常感谢您的帮助

我想你可以看看

，这是html5样板团队的一个伟大项目。但正如他们所说的“工作正在进行中！还没有为黄金时间做好准备”
哪个更适合生产，但不太雄心勃勃

对于CSS动画，您可以使用

过渡：

样式，对于一系列过渡，将其与

过渡延迟：

以下是一些开始研究的好地方：

本教程包含您提到的过渡：

演示：从顶部滑入（）
演示：淡入/淡出（）
演示：从侧面滑入（）

以下是一些灵感的例子：

<div class="page2 active">
    <p>Page2</p>
</div>