Ruby on Rails
JavaScript, XHTML, CSS
Java, Distributed Systems
<you_name_it>
rotation support
Submitted by Sjors Miltenburg on Mon, 05/03/2010 - 11:04
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
