📌  相关文章
📜  CSS |翻译（）函数

📅  最后修改于: 2021-09-01 03:44:09             🧑  作者: Mango

translate()函数是一个内置函数，用于在水平和垂直方向重新定位元素。

句法： 

translate( tx )

或者

translate( tx, ty )

参数：

  • tx：该参数保存x轴对应的平移长度。
  • ty：此参数保存对应于 y 轴的平移长度。如果未定义其值，则将 0 作为默认值。

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

示例 1： 

 
 
  
 
    CSS translate() function 
  
     
 
  
 
    
GeeksforGeeks

    
CSS translate() function

      
    
Original Image

    
    

      
    
Translate image

     
 
  

输出：

示例 2： 

 
 
  
 
    CSS translate() function 
  
     
 
  
 
    
GeeksforGeeks

    
CSS translate() function

      
    
Original Element

    
Welcome to GeeksforGeeks

      
    
Translated Element

    
Welcome to GeeksforGeeks
 
 

输出：

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

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