在CSS中旋转动画
在CSS中旋转动画
提问于 2014-04-02 11:43:15
我试图旋转90度和270度的跨度，但不能在css中。现在我可以使用jQuery解决这个任务了。此外，当旋转为90度时，jQuery无法计算跨度的高度，并且块显示在div的左侧。
var height = sender.height();
http://jsfiddle.net/Eg8xU
希望有人可以帮助我解决这个任务通过css。
每个div的PS宽度和高度可以不同(随机)
回答 2
Stack Overflow用户
发布于 2014-04-02 12:07:01
.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/
Stack Overflow用户
发布于 2014-04-02 14:20:28
您可以同时使用-webkit-transform和-moz-transform
-webkit-transform: rotate(90deg); /*90deg or 270deg*/
-moz-transform: rotate(90deg); 对于愚蠢的Internet Explorer，您可以使用以下代码：
progid:DXImageTransform.Microsoft.BasicImage(rotation=3)；
过滤器
rotation=0 is 0deg，1=90deg，2=180deg，and 3= 270deg
别忘了添加display: block，这样它们才能正常工作。
以下是中的演示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22801133
复制相关文章
相似问题
腾讯云开发者
