Fungu translate() ya CSS

Makadaro na Matumizi

CSS translate() Fungu inaweza kubadilisha eneo la elementi.

translate() Fungu kwenye transform Inatumiwa katika muhtasari wa kiwango.

Mifano

Badilisha uenezi wa elementi:

#myDiv1 {
  transform: translate(50px); /* Inasafisha elementi kwa 50px kwa x, na 0px kwa y */
}
#myDiv2 {
  transform: translate(50px, 20px); /* Inasafisha elementi kwa 50px kwa x, na 20px kwa y */
}
#myDiv3 {
  transform: translate(100px, 30px); /* Inasafisha elementi kwa 100px kwa x, na 30px kwa y */
}

Jifunze Kwenye Programu

Makadara ya CSS

translate(x, y)
Thamani Maelezo
x Inayotakiwa. Inadefini ujuane wa kiini kwa x yote, inaweza kuwa namba au nafasi.
y

Inayowakilika. Inadefini ujuane wa kiini kwa yote, inaweza kuwa namba au nafasi.

Ili kugawanyika, thamani inatunzwa 0.

Mafano ya Teknolojia

Toleo: CSS Transforms Module Level 1

Matumizi ya programu

Inani zaidi za programu ya mtaalamu inaonyesha toleo la kwanza lililoonesha programu hii.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Pembenani

Makini:CSS 2D Transforms

Tunakita:Mafuta wa transform wa CSS

Tunakita:Funknzi ya translateX() ya CSS

Tunakita:Funknzi ya translateY() ya CSS

Tunakita:Mafuta wa transform wa HTML DOM