CSS3 transform: rotate() and rotateY() not working together

Viewed 4344

I have a simple div that I want to rotate it -35 degree first and then let it spin around the y-axis.

enter image description he4re

However by using transform: rotate(-35deg) rotateY(180deg);, what I really got this like this:

enter image description h4ere

The y-axis rotates with the div, makes my attempt fail.

So the question is, is there a way to reset the angle of the y-axis (probably using additional parent element and transform-origin?) after I rotate the element, to get the result I wanted?

2 Answers
Related