HTML

<!--css-->
<link rel="stylesheet" type="text/css" href="cubeTransition.css">

<div id="cubeTransition">
    <div class="page1"></div>
    <div class="page2"></div>
    <div class="page3"></div>
    <div class="page4"></div>
</div>
<ul id="bullets"></ul>

<!--javascript-->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="wheel-indicator.js"></script>
<script src="cubeTransition.js"></script>
<script src="jquery.touchSwipe.js"></script>

REFERENCE

  1. 'cubeTransition.css', 'wheel-indicator.js', 'cubeTransition.js', 'touchSwipe.js' 다운로드

  2. 내용 설명

    • 마우스 스크롤을 위아래로 움직이면 화면이 큐브 회전하는 것 처럼 전환됨