fl.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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 .page {
  23. /* width: 400px; */
  24. /* height: 400px; */
  25. background-color: white;
  26. background-repeat: no-repeat;
  27. background-size: 100% 100%;
  28. }
  29. .flipbook .page {
  30. -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  31. -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  32. -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  33. -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  34. box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  35. }
  36. .flipbook-viewport .page img {
  37. -webkit-touch-callout: none;
  38. -webkit-user-select: none;
  39. -khtml-user-select: none;
  40. -moz-user-select: none;
  41. -ms-user-select: none;
  42. user-select: none;
  43. margin: 0;
  44. }
  45. .flipbook-viewport .shadow {
  46. -webkit-transition: -webkit-box-shadow 0.5s;
  47. -moz-transition: -moz-box-shadow 0.5s;
  48. -o-transition: -webkit-box-shadow 0.5s;
  49. -ms-transition: -ms-box-shadow 0.5s;
  50. -webkit-box-shadow: 0 0 20px #ccc;
  51. -moz-box-shadow: 0 0 20px #ccc;
  52. -o-box-shadow: 0 0 20px #ccc;
  53. -ms-box-shadow: 0 0 20px #ccc;
  54. box-shadow: 0 0 20px #ccc;
  55. }