CrossBrowser垂直CSS文本

Question

我想制作CrossBrowser Vertical CSS Text，我有code

但是我需要像这样旋转文字：

Image

Answer 1

您可以通过transform: rotate() CSS属性实现它，例如：

div {
  width: 300px;
  transform-origin: center top;
  transform: rotate(270deg);
}

<div>
  <h1>First</h1>
  <h1>Second</h1>
  <h1>Third</h1>
</div>