如何使用 CSS 旋转元素？

本文的目的是通过使用CSS 变换属性来旋转 HTML 元素。此属性用于移动、旋转、缩放和执行元素的各种变换。

rotate()函数可用于旋转任何 HTML 元素或用于转换。它需要一个参数来定义旋转角度。旋转角度由两部分组成，旋转值后跟旋转单位。单位可以定义为度 (deg)、梯度 (grad)、弧度 (rad) 和匝数。

句法：

transform: rotate(90deg);

示例：以下示例演示将图像旋转 45 度。

HTML

 
 
  
     
     
 
  
 
    
GeeksforGeeks
 
    

        How to rotate an element using CSS?
    
 
      
      
 
  

输出：
旋转前：

旋转后：

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果浏览器
• 歌剧