Mfano wa Style transformOrigin

Inadefiniwa na matumizi

transformOrigin Mfano huu unaweza kumwambia uenezi wa kina wa kusukuma.

Maelezo ya 2D ya kusukuma inaweza kumwambia kina ya x na y. Maelezo ya 3D ya kusukuma inaweza kumwambia kina ya z.

Maelezo:Mfano huu lazima kuwa na: Mfano wa transform Kufanya kwa pamoja.

Tazama pia:

Kifaa cha JavaScript:Mfano wa transform

Makala ya CSS:Mfano wa transform-origin

Mfano

Kusababisha uenezi wa kina wa kusukuma:

document.getElementById("myDIV").style.transformOrigin = "0 0";

Mtafiti mara moja

Inayofanywa kwa lugha

Kueleza transformOrigin:

object.style.transformOrigin

Kusababisha transformOrigin:

object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"

Mwili wa kina wa sababu

Matokeo Maelezo
x-axis

Inadefiniwa na uwanja wa uenezi katika axis ya x. Matokeo yanaoitwa:

  • left
  • center
  • right
  • length
  • %
y-axis

Inadefiniwa na uwanja wa uenezi katika axis ya y. Matokeo yanaoitwa:

  • top
  • center
  • bottom
  • length
  • %
z-axis

Inadefiniwa na uwanja wa uenezi katika axis ya zima. Matokeo yanaoitwa:

  • length
initial Inasababisha hiyo hiyo inapopangwa kwa mwili wa kuzingatia. Tazama initial.
inherit Inasababisha hiyo hiyo inapokea hiyo kama kina ya baba. Tazama inherit.

Mafanikio ya teknolojia

Mwili wa kuzingatia: 50% 50% 0
Matokeo ya kueleza: Mwili wa kina, inaeleza kina ya Mfano wa transform-origin.
Mwili wa CSS: CSS3

Mfano wa kusukuma

Masho ya namba katika tabia huzungumza na barabara ya kwanza ya kufaa kwa sababu ya hiyo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 9.0 23.0