CSS perspective-origin 属性

Tinukoy at Gamit

Ang katangian na perspective-origin ay tinukoy ang X at Y axis ng 3D element na ginagamit bilang base. Ang katangian na ito ay nagbibigay-daan sa iyo na baguhin ang posisyon ng ibaba ng 3D element.

Kapag tinukoy ng elemento ang attribute na perspective-origin, ang mga anak nito ang makakakuha ng epekto ng perspective, hindi ang elemento mismo.

Komento:Ang katangian na ito ay dapat magiging kaugnay sa: perspective Ang katangian ay magiging kaugnay sa ibang katangian at makakaimpluwensya lamang sa elementong 3D transformation.

Tingnan din:

Tuturo ng CSS3:CSS3 3D 转换

Manwal ng HTML DOM:Attribute na perspectiveOrigin

Mga halimbawa

Iset ang base position ng 3D element:

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

Subukan Ngayon

Grammar ng CSS

perspective-origin: x-axis y-axis;

Halaga ng katangian

Halaga Paglalarawan
x-axis

Tinukoy ang posisyon ng view sa x-aksis. Default Value: 50%.

Mga posibleng halaga:

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

Tinukoy ang posisyon ng view sa y-aksis. Default Value: 50%.

Mga posibleng halaga:

  • top
  • center
  • bottom
  • length
  • %

Detalye ng teknolohiya

Default Value: 50% 50%
Inheritsibility: no
Bersiyon: CSS3
Grammar ng JavaScript: object.style.perspectiveOrigin="10% 10%"

Suporta ng browser

Ang mga numero sa talahanayan ay nagpapahiwatig ng unang bersiyon ng browser na ganap na sumusuporta sa katangian.

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-