Flipbook Codepen ((better))
We create a container (the book) and individual pages. We use the <input type="checkbox"> trick to handle the flipping logic without complex JavaScript, though you can also use buttons.
<!-- HTML --> <div class="flipbook"> <div class="flippable"> <img src="image1.jpg" alt="Image 1"> <img src="image2.jpg" alt="Image 2"> <img src="image3.jpg" alt="Image 3"> </div> </div> /* CSS */ .flipbook width: 400px; height: 300px; perspective: 1000px; flipbook codepen
