CSS 值 |角度

CSS 上的角度表示某个角度值，可以用度数、梯度、弧度或转数表示。角度值可用于旋转、变换或渐变等。

语法：角度由一个数字后跟允许的单位之一组成。

property: number unit;

允许单位：

• deg：表示以度为单位的角度。一个完整的圆是 360 度。示例：0 度、90 度。
• grad：表示以梯度为单位的角度。一整圈是 400grad。示例：0grad、38.8grad。
• rad：表示以弧度为单位的角度。一个完整的圆是 2π 弧度，近似于 6.2832rad。 1rad 是 180/π 度。示例： 0rad, 1.07rad 。
• 转：表示转数中的角度。一整圈是 1turn。示例：0turn、1.2turn。

示例 1：使用 deg 单位将元素旋转 90 度。

  



    
GeeksforGeeks
    

    

输出：

示例 2：使用 rad 单位旋转元素。

  



    
GeeksforGeeks
    

    

输出：

示例 3：使用 grad 单元旋转元素。

  



    

        GeeksforGeeks
    
    

    

输出：

示例 4：使用旋转单元旋转元素。

  



    

           GeeksforGeeks
    

    

输出：