Mafuta wa translate wa CSS

mpage wa mbali transition-timing-function
Pya zaidi unicode-bidi

定义和用法

translate 属性允许您更改元素的位置。

translate 属性定义了元素在二维空间中的 x 轴和 y 轴坐标。您还可以定义 z 轴坐标以在三维空间中更改位置。

坐标可以仅给出 x 轴坐标、x 轴和 y 轴坐标，或者 x 轴、y 轴和 z 轴坐标。

为了更好地理解 translate 属性，请查看演示.

提示：要使 z 轴属性生效，您需要为 CSS perspective 属性定义一个值。

注意：另一种平移元素的技术是使用带有 Funksheni ya CSS translate() Tabia ya CSS transform ya hivi inaelewa kama chakula kilichochukuliwa kwa kufikia elementi.

Mfano

Mfano 1

Kuweka upeo wa elementi:

div {
  translate: 100px 20px;
}

Jifunze tena

Mfano 2

Kama inahitajika kuwa na tabia ya z-axis: translate Tabia inahitajika kuwa na tabia hii kwenye elementi yake ya kina pia perspective Tabia, tafadhali tukionekani tabia yote inayotafutika inafikia tabia hii:

DIV1 {
  perspective: 200px;
}
DIV2 {
  translate: 50px 50px 50px;
}

Jifunze tena

Inayofanywa na CSS

translate: x-axis y-axis z-axis|initial|inherit;

Chaguo cha tabia

Chaguo	Ufafanuzi
x-axis	Inadefiniwa kwenye ukipendekeza ukiwa kwenye ujukwaa wa x Urefu Urefu wa namba
y-axis	Inadefiniwa kwenye ukipendekeza ukiwa kwenye ujukwaa wa y Urefu Urefu wa namba
z-axis	Inadefiniwa kwenye ukipendekeza ukiwa kwenye ujukwaa wa zima. Inatakiwa kuna: Urefu Urefu wa namba
initial	Kuweka tabia hii kwa chaguo cha kuzingatia. Angalia initial.
inherit	Kuweka tabia hii kwa uwezo kutoka kwa elementi yake ya kina. Angalia inherit.

Vivyo ya teknolojia

Chaguo cha kuzingatia:	none
Ukumu:	Hapana
Uharibifu wa mafuta:	Inasimama. Angalia:Tabia za uharibifu wa mafuta.
Mwaka wa:	CSS3
Inayofanywa na Kiingereza:	object.style.translate="10px 20px"