css - 使用转换查询时 h1 跨度不旋转

Question

我有一个带有 span 的 h1 标题。 h1 span 元素旋转 45 度。但事实并非如此。

HTML

<h1> i have to go <span class="rotate">From</span> here </h1>

CSS

.rotate{
    transform: rotate(45deg);
}

它不工作。

Answer 1

给 display: block 或 display: inline-block:

.rotate {
  transform: rotate(45deg);
  display: block;
}