css中怎样旋转90度

CSS中的旋转功能可以让我们轻而易举地实现元素的旋转。在接下来的文章中，我们将介绍如何使用CSS旋转功能将元素旋转90度。
使用CSS的transform属性，可以实现元素的旋转和其他变换效果。
首先，我们需要将需要旋转的元素选中。在CSS中，我们通过选择器来选中元素。例如，在这个例子中，我们选择需要旋转的元素为“rotate”。
接下来，我们给该元素添加transform属性，并为它赋上一个旋转角度值。在这个例子中，我们要将元素旋转90度，因此我们设置旋转角度为90度。
最后，我们需要使用浏览器提供的CSS前缀来确保在所有浏览器中的兼容性。这可以通过在transform属性前添加各个浏览器的前缀来实现。例如，在这个例子中，我们需要为Safari浏览器添加前缀“-webkit-”。
下面是代码示例：

<p class="rotate">需要旋转的元素</p>

<style>
.rotate{
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg); /* Safari */
}
</style> 

在上述代码中，我们使用了rotate()函数来实现元素旋转，其中的90deg是旋转的角度。如果我们需要将元素旋转到其他角度，只需要更改度数即可。
需要注意的是，当我们使用旋转功能时，元素的位置、大小和形状都会改变。这时，我们可以使用CSS的其他属性，如position和width、height来对元素进行调整，以达到我们想要的效果。
总结一下，CSS中的旋转功能可以让我们轻松地实现元素的旋转效果，只需要使用transform属性和rotate()函数即可完成。同时，我们还需使用浏览器提供的CSS前缀来确保在所有浏览器中的兼容性。