rotation support

I was using the liquid canvas plugin to produce some nice looking vertical oriented tabs.

I noticed that the width and height were not converted properly when a rotation was applied in the css. (like shown below)

I worked around this by setting the height the same as the width and covering up the excess tab block with another rectangle without effects also applied by liquid canvas.

position:absolute;
width:60px;
height:60px;
padding:20px;
text-align:center;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform: rotate(-90deg);
display:block;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE rotation */

Trackback URL for this post:

http://www.ruzee.com/trackback/296