mirror of
https://github.com/blasten/turn.js.git
synced 2025-06-15 23:19:20 +08:00
74 lines
1.3 KiB
CSS
74 lines
1.3 KiB
CSS
/* Basic sample */
|
|
|
|
body{
|
|
overflow:hidden;
|
|
background-color:#fcfcfc;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.flipbook-viewport{
|
|
overflow:hidden;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
.flipbook-viewport .container{
|
|
position:absolute;
|
|
top:50%;
|
|
left:50%;
|
|
margin:auto;
|
|
}
|
|
|
|
.flipbook-viewport .flipbook{
|
|
width:800px;
|
|
height:400px;
|
|
left:-400px;
|
|
top:-200px;
|
|
}
|
|
|
|
.flipbook-viewport .page{
|
|
width:400px;
|
|
height:400px;
|
|
background-color:white;
|
|
background-repeat:no-repeat;
|
|
background-size:100% 100%;
|
|
}
|
|
|
|
.flipbook .page{
|
|
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
|
|
-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
|
|
-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
|
|
-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
|
|
box-shadow:0 0 20px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.flipbook-viewport .page img{
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
margin:0;
|
|
}
|
|
|
|
.flipbook-viewport .shadow{
|
|
-webkit-transition: -webkit-box-shadow 0.5s;
|
|
-moz-transition: -moz-box-shadow 0.5s;
|
|
-o-transition: -webkit-box-shadow 0.5s;
|
|
-ms-transition: -ms-box-shadow 0.5s;
|
|
|
|
-webkit-box-shadow:0 0 20px #ccc;
|
|
-moz-box-shadow:0 0 20px #ccc;
|
|
-o-box-shadow:0 0 20px #ccc;
|
|
-ms-box-shadow:0 0 20px #ccc;
|
|
box-shadow:0 0 20px #ccc;
|
|
}
|
|
|
|
.flipbook-viewport .double{
|
|
width:800px;
|
|
height:400px;
|
|
background-size:100% 100%;
|
|
}
|