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

📅  最后修改于: 2021-08-31 07:19:00             🧑  作者: Mango

translateZ()函数是一个内置函数，用于在 3D 空间中沿 z 轴重新定位元素。

句法： 

translateZ( t )

参数：此函数接受单个参数t ，该参数保存对应于 z 轴的平移长度。

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

示例 1： 



  

    
      CSS translateZ() function
  
    

  

    
GeeksforGeeks

    
CSS translateZ() function

  
    
Original Image

    
    

  
    
Translated image

    

  

输出：

示例 2： 



  

    
      CSS translateZ() function
  
    

  

    
GeeksforGeeks

    
CSS translateZ() function

  
    
Original Element

    

      Welcome to GeeksforGeeks
  

  
    
Translated Element

    

      Welcome to GeeksforGeeks
  


  

输出：

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

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