jquery - CSS中的旋转动画

Question

我正在尝试将跨度旋转 90 度和 270 度，但无法在 css 中实现。现在我可以使用 jQuery 解决这个任务。此外，当 jQuery 旋转 90 度时，无法计算 span 的高度和显示在 div 左侧的 block 。

var height = sender.height();

http://jsfiddle.net/Eg8xU

希望有人可以帮助我通过 css 解决这个任务。

PS每个div的宽高可以不一样(随机)

Answer 1

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

来源:http://css-tricks.com/snippets/css/text-rotation/