相关疑难解决方法(0)

假设我有几列,其中一些我想旋转以下值:

http://jsfiddle.net/MTyFP/1/

<div class="container">
    <div class="statusColumn"><span>Normal</span></div>
    <div class="statusColumn"><a>Normal</a></div>
    <div class="statusColumn"><b>Rotated</b></div>
    <div class="statusColumn"><abbr>Normal</abbr></div>
</div>

有了这个CSS:

.statusColumn b {
  writing-mode: tb-rl;
  white-space: nowrap;
  display: inline-block;
  overflow: visible;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

最终看起来像这样:

是否可以编写任何会导致旋转元素影响其父级高度的CSS,这样文本就不会与其他元素重叠？像这样的东西:

我正在使用Raphael JS试图围绕低于其中心点的点旋转图像形状.如何才能做到这一点？

我尝试了以下但它不起作用.

var playBBox = playButtonRef.getBBox();
var xPos = playBBox.x + playBBox.width/2;
var yPos = playBBox.y;
var animObject = Raphael.animation({
    transform: playButtonRef.attr("transform") + "R60," + (this.cx - 25) + "," + this.cy
}, 3000);?
animObject = animObject.repeat(10); 
playButtonRef.animate(animObject);

我也在寻找一种方法将它旋转回原来的位置.如何让它追溯它的路径？

如何使用Angular 4在图像按钮上进行图像旋转(单击:0° - > 180°/再次单击:180° - > 0°)？

我也使用Angular Material.

这是我的按钮:

 <!-- Button open left menubar -->
<button md-icon-button class="left-menubar-button"  (click)="start.toggle()">
  <md-icon class="md-custom-theme-gray">label_outline</md-icon>
</button>

这个按钮会打开一个sidenav,我想动画它以获得更多的用户友好性

谢谢