CSS3中的上下翻页效果可以用于制作类似于PPT的轮播页面。下面我们来看一下如何使用CSS3实现上下翻页效果。
第一页 第二页 第三页 第四页
首先我们需要定义一个包含所有页码的盒子，使用display:flex和flex-direction:column属性使每页上下排列。为了实现上下翻页的效果，我们需要给每个.Box的伪元素:before设置transition属性，并使用translateY将其从初始值0向上平移一个整页的高度。
同时，我们需要为当前页添加一个.active的类，在JS中通过切换该类来实现翻页的效果。
最后，我们需要为最后一页的伪元素设置display:none，避免超出整个页面的高度。
