CSS translateY() Function

Paglalarawan at Paggamit

CSS translateY() Ang function na ito ay nagbibigay-daan sa iyo na muling ilipat ang elemento sa y-axis (direksyon ng patanda).

translateY() Function sa transform ginamit sa katangian.

Halimbawa

Muling ilipat ang iba't ibang <div> elemento sa direksyon ng patanda:

#myDiv1 {
  transform: translateY(30px); /* Paglilipat ng elemento sa y-axis 30px */
}
#myDiv2 {
  transform: translateY(50px); /* Paglilipat ng elemento sa y-axis 50px */
}
#myDiv3 {
  transform: translateY(-10px); /* Paglilipat ng elemento sa y-axis -10px */
}

Subukan Lang Sa Sarili

CSS Grammar

translateY(y)

Detalye ng Teknolohiya

Suporta ng Browser

Ang numero sa tableng ito ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa function.

Sanggunian na Pahina

Tutuyan:CSS 2D Transformasyon

参考：CSS transform 属性

参考：CSS translate() 函数

参考：CSS translateX() 函数

参考：HTML DOM transform 属性