Saturday, 7 September 2013

how to choose what transform is applied first in css

how to choose what transform is applied first in css

problem: i want to skew box than rotate it but what happens is that it
gets rotated first and then skewed.
http://jsfiddle.net/74ehh/2/ see comment as i got it
As you can see this messes up the result so instead of box that's little
tilted and rotated. I get box that is rotated and tilted which's hard to
comprehend and not what i wanted.
i tried changing order like so..
transform: skew(30deg) rotate(30deg);
but that didn't work.
or could someone elaborate on how would i go about calculating skew if box
is rotated.
So what can i do?

No comments:

Post a Comment