]> _ Git - fluidbook-html5.git/commitdiff
#2309
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Tue, 11 Dec 2018 13:55:25 +0000 (14:55 +0100)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Tue, 11 Dec 2018 15:26:52 +0000 (16:26 +0100)
style/fluidbook.less

index 68ac6de89aea25d674615193ce219feb403130b0..74db971c60e59dde2b309fdd0ea4a241c282f385 100644 (file)
@@ -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