* { padding:0; margin:0; } button { display:block; width:30px; margin:0 auto; } #box { width:300px; height:400px; position:relative; margin:30px auto; perspective:800px; } #box>img { width:300px; height:400px; position:absolute; transition:0.8s; transform-style:preserve-3d; transform-origin:bottom; }
面向对象封装的一个左翻页轮播和一个上翻页轮播。