Geek asks and answers

-webkit-transform: rotate - hides elements on top

I use -webkit-transform: rotate(40 deg), and it seems that the rotated element hides the parts of the elements that are on top ( not children ).

I created jsFiddle here with code, as this will be easier to demonstrate.

Perhaps this is due to the fact that the rotating element hides parts of other elements, but I do not want this effect. How can i fix this?

I used z-index, but it does not help!

0
source share
1 answer

3D-. "rotateY" , "". , . ,

$("div.buttonB").click( function() {
    $("div.background").css('-webkit-transform', 'rotateY(-190deg)')
});

, B B , buttonA . -190deg 190deg, , -.

3D-, .

http://thewebrocks.com/demos/3D-css-tester/

. , .

+1

More articles:


All Articles