JSFiddle - React, Tailwind, and code Playground

by Hifni Nazeer

HTML

<script src="https://github.com/Youscribe/turn.js/blob/master/turn.js"></script>


<div id='magazine'>
	<div> Page 1 </div>
	<div> Page 2 </div>
	<div> Page 3 </div>
</div>

CSS

body{
	background:#ccc;
}
#magazine{
	width:576px;
	height:752px;
}
#magazine .turn-page{
	background-color:#ccc;
	background-size:100% 100%;
}

JavaScript

$(document).ready(function() {
  $('#magazine').turn({gradients: true, acceleration: true});
});