📌  相关文章
📜  CSS | rotate3d()函数

📅  最后修改于: 2021-09-01 02:29:02             🧑  作者: Mango

rotate3d()函数是一个内置函数，用于在 3D 空间中围绕固定轴旋转元素。

句法： 

rotate3d( x, y, z, angle )

参数：该函数接受上面提到和下面描述的四个参数：

  • x：它包含一个表示 x 坐标的数字。它的值介于 0 到 1 之间。
  • y：它包含一个表示 y 坐标的数字。它的值介于 0 到 1 之间。
  • z：它包含一个表示 z 坐标的数字。它的值介于 0 到 1 之间。
  • 角度：它持有旋转的角度。正角代表顺时针旋转，负角代表逆时针旋转。

下面的例子说明了 CSS 中的 rotate3d()函数：

示例 1： 

 
 
 
    CSS rotate3d() function 
     
 
  
 
    
GeeksforGeeks

    
CSS rotate3d() function

    


      
     
 
            

输出：

示例 2： 

 
 
 
    CSS rotate3d() function 
     
 
  
 
    
GeeksforGeeks

    
CSS rotate3d() function

    


      
    
Welcome to GeeksforGeeks
 
 
                     

输出：

支持的浏览器： rotate3d()函数支持的浏览器如下：

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