fl.css 859 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .flipbook-viewport {
  2. /* position: absolute; */
  3. /* overflow: hidden; */
  4. width: 100%;
  5. height: 100%;
  6. }
  7. .flipbook-viewport .container {
  8. position: absolute;
  9. z-index: 10;
  10. top: 50%;
  11. left: 50%;
  12. margin: auto;
  13. }
  14. .flipbook-viewport .flipbook {
  15. transform: scale(1);
  16. transform-origin: center center;
  17. /* width: 800px; */
  18. /* height: 400px; */
  19. /* left: -400px; */
  20. /* top: -200px; */
  21. }
  22. .flipbook-viewport .flipbook .page-wrapper {
  23. box-shadow:0 0 10px 10px rgba(0,0,0,0.2);
  24. }
  25. .flipbook-viewport .page {
  26. /* width: 400px; */
  27. /* height: 400px; */
  28. background-repeat: no-repeat;
  29. background-size: 100% 100%;
  30. }
  31. .flipbook .page {
  32. }
  33. .flipbook-viewport .page img {
  34. -webkit-touch-callout: none;
  35. -webkit-user-select: none;
  36. -khtml-user-select: none;
  37. -moz-user-select: none;
  38. -ms-user-select: none;
  39. user-select: none;
  40. margin: 0;
  41. }
  42. .flipbook-viewport .shadow {
  43. }