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

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

translateX()函数是一个内置函数，用于沿水平轴重新定位元素。

句法： 

translateX( t )

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

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

示例 1： 



  

    
      CSS translateX() function
  
    

  

    
GeeksforGeeks

    
CSS translateX() function

  
    
Original Image

    
    

  
    
Translated image

    

  

输出：

示例 2： 



  

    
      CSS translateX() function
  
    

  

    
GeeksforGeeks

    

      CSS translateX() function
  

  
    
Original Element

    

      Welcome to GeeksforGeeks
  

  
    
Translated Element

    

      Welcome to GeeksforGeeks
  


  

输出：

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

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