Clever Geek Handbook

CSS 3Dtransform z-index

I am trying to make a book online, when I go to a page of my book, it goes under the cover, but I need it to be on top. I'll just give you a demo:

transform-style: preserve-3d;

http://jsfiddle.net/vill3/5tpekxwu/1/

I am very grateful for your help.

+3


source to share


2 answers


Add to

z-index: -100;


(or any negative z-index) before .open

and it should work.

+2


source


Try adding

-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;


To the cover.

0


source






More articles:


All Articles