CSS perspective-origin 属性
- Nakaraang pahina perspective
- Susunod na pahina place-content
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%; }
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:
|
y-axis |
Tinukoy ang posisyon ng view sa y-aksis. Default Value: 50%. Mga posibleng halaga:
|
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- |
- Nakaraang pahina perspective
- Susunod na pahina place-content