css - CSS transform: rotate() 是否根据图像的纵横比旋转图像？

Question

作为评估的一部分，我被赋予了这项任务......“'旋转'按钮应该翻转项目的纵横比。”

为了做到这一点，我以元素为目标并切换了一个类名（旋转），然后添加了这个 CSS ......

.main-inner.rotate {
  transform: rotate(90deg)
}

这可行，但是，我想知道这是否适用于纵横比？

谢谢！

标签： css

Answer 1

div.a {
  width: 150px;
  height: 80px;
  background-color: yellow;

  transform: rotate(90deg);
}

<h1>The transform Property</h1>

<h2>transform: rotate(90deg):</h2>
<div class="a">Hello World!</div>
<br>

是的，因为这个旋转功能是由专业开发人员开发的，所以它必须完成旋转等相关任务