📜  CSS | translateY()函数

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

translateY()函数是一个内置函数,用于沿垂直轴重新定位元素。

句法:

translateY( t )

参数:此函数接受单个参数t ,该参数保存对应于 y 轴的平移长度。

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

示例 1:



  

    
      CSS translateY() function
  
    

  

    

GeeksforGeeks

    

CSS translateY() function

       

Original Image

         
       

Translated image

       

输出:

示例 2:



  

    
      CSS translateY() function
  
    

  

    

GeeksforGeeks

    

CSS translateY() function

       

Original Element

    
      Welcome to GeeksforGeeks   
       

Translated Element

    
      Welcome to GeeksforGeeks   
  

输出:

支持的浏览器: translateY()函数支持的浏览器如下:

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