From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 11 Dec 2018 13:55:25 +0000 (+0100)
Subject: #2309
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=be15c7fb6d5a1f915ed63e8055968e3bbf4808d7;p=fluidbook-html5.git

#2309
---

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 68ac6de8..74db971c 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -2184,10 +2184,19 @@ ul.chapters {
 
 	transition: all .15s ease-out;
 	transform-origin: 50% 20px;
+
+	-moz-transform: rotate(0deg);
+	-webkit-transform: rotate(0deg);
+	-ms-transform: rotate(0deg);
+	-o-transform: rotate(0deg);
 	transform: rotate(0deg);
 }
 
 #down.right {
+	-moz-transform: rotate(-90deg);
+	-webkit-transform: rotate(-90deg);
+	-ms-transform: rotate(-90deg);
+	-o-transform: rotate(-90deg);
 	transform: rotate(-90deg);
 }
 
@@ -2224,7 +2233,16 @@ ul.chapters {
 
 /* 3D */
 #pages._3dtransition {
+	-moz-perspective-origin: 50% 75%;
+	-webkit-perspective-origin: 50% 75%;
+	-ms-perspective-origin: 50% 75%;
+	-o-perspective-origin: 50% 75%;
 	perspective-origin: 50% 75%;
+
+	-moz-perspective: 5000px;
+	-webkit-perspective: 5000px;
+	-o-perspective: 5000px;
+	-ms-perspective: 5000px;
 	perspective: 5000px;
 
 	overflow: visible !important;
@@ -2234,10 +2252,18 @@ ul.chapters {
 	overflow: visible;
 	z-index: 100;
 
+	-moz-transform-style: preserve-3d;
+	-webkit-transform-style: preserve-3d;
+	-o-transform-style: preserve-3d;
+	-ms-transform-style: preserve-3d;
 	transform-style: preserve-3d;
 }
 
 ._3d .page {
+	-moz-backface-visibility: hidden;
+	-webkit-backface-visibility: hidden;
+	-o-backface-visibility: hidden;
+	-ms-backface-visibility: hidden;
 	backface-visibility: hidden;
 
 	left: 0px !important;
@@ -2276,6 +2302,10 @@ ul.chapters {
 	transform: rotate3d(0, 1, 0, 360deg);
 	-moz-transform: rotateY(360deg) translate3d(0, 0, 0);
 
+	-moz-transform-origin: 0 0;
+	-webkit-transform-origin: 0 0;
+	-o-transform-origin: 0 0;
+	-ms-transform-origin: 0 0;
 	transform-origin: 0 0;
 }
 
@@ -2839,5 +2869,5 @@ body > input {
 }
 
 #loadedcontents {
-	display: block;
+	display: none;
 }
\ No newline at end of file