我需要帮助理解transform-origin
如何工作,我已经通过谷歌搜索了解了很多但没有找到有助于我的特定用例的任何内容。这是我试图实现的内容:
我有一个固定高度的固定页脚,在其中我有两行旋转的文本(左侧列),我怎样才能完全控制其位置?目前它从页脚顶部开始,并且完全在页脚之外,我已经设置了一个演示我的当前代码的fiddle:http://jsfiddle.net/eury7f6f/
有人有什么想法如何实现我想要的效果吗?
.vertical-text {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}