Hisia perspective-origin

Ufafanuzi na matumizi

Uga wa perspective-origin inaeleza axisi ya x na y ya kina 3D. Uga huu inasababisha kubadilika upeo wa kina 3D kwenye chini.

Makini yana kufikiria ya hali ya perspective-origin yana kufikiria ya watoto wake pekee, na si ya kina kina hilo.

Mafanikio:Inayotumika na perspective Inatumiwa na kina kwa kusaidia kufikiria na inaathiri kina za 3D pekee.

Tafakari zingine:

Mafunzo ya CSS3:Muungano wa 3D wa CSS3

Mafunzo ya HTML DOM:Uga wa perspectiveOrigin

Mfano

Inaeleza upeo wa kuzingatia kwa upeo wa kina wa 3D:

div
{
perspective:150;
perspective-origin: 10% 10%;
}

Tafakari kwa kufikiria

Inayotumia lugha ya CSS

perspective-origin: x-axis y-axis;

Wakati wa kina

Wakati Maelezo
x-axis

Inaeleza upeo wa mawingu katika axisi ya x. Mwainuka: 50%.

Mafanikio yaliyopendekezwa:

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

Inaeleza upeo wa mawingu katika axisi ya y. Mwainuka: 50%.

Mafanikio yaliyopendekezwa:

  • top
  • center
  • bottom
  • length
  • %

Mafanikio ya teknolojia

Mwainuka: 50% 50%
Kumuathirika: no
Toleo: CSS3
Inayotumia lugha ya JavaScript: object.style.perspectiveOrigin="10% 10%"

Mwongozo wa browser

Mafuatilia ya mifano inaonekana kwa sababu ya browser ambao husaidia kufikiria hii kina.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-