JSFiddle - React, Tailwind, and code Playground

by Megi93

HTML

<script src="https://cdn.jsdelivr.net/turn.js/3/turn.js"></script>
  <div id="flipbook">
  	<div class="hard"> Turn.js </div>
  	<div class="hard"></div>
  	<div> Page 1 </div>
  	<div> Page 2 </div>
  	<div> Page 3 </div>
  	<div> Page 4 </div>
  	<div class="hard"></div>
  	<div class="hard"></div>
  </div>

CSS

#flipbook{
  background:red;
}

JavaScript

$( document ).ready(function() {
  	var flipbook = $('#flipbook');
    $("#flipbook").turn({
  		width: 400,
  		height: 300,
  		autoCenter: true
  	});
  });