67 lines
1.3 KiB
CSS
67 lines
1.3 KiB
CSS
/* Basic sample */
|
|
|
|
body{
|
|
overflow:hidden;
|
|
background-color:unset;
|
|
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:922px;
|
|
height:600px;
|
|
left:-461px;
|
|
top:-300px;
|
|
}
|
|
|
|
.flipbook-viewport .page{
|
|
width:461px;
|
|
height:600px;
|
|
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;
|
|
}
|