CSS perspektief-oorsprong Eiendom
Voorbeeld
Definieer vanaf watter posisie die gebruiker na die 3D-geposisioneerde element kyk:
#div1
{
perspective: 100px;
perspective-origin: left;
}
Definisie en gebruik
Die perspective-origin
eienskap definieer vanaf watter posisie die gebruiker na die 3D-geposisioneerde element kyk.
Wanneer die perspective-origin
eienskap vir 'n element gedefinieer word, is dit die KIND-elemente wat die effek sal kry, NIE die element self nie.
Let wel: Hierdie eiendom moet saam met die perspektief- eiendom gebruik word!
Bekyk 'n demonstrasie om die perspektief-oorsprong-eienskap beter te verstaan .
Standaard waarde: | 50% 50% |
---|---|
Geërf: | geen |
Animateerbaar: | ja. Lees oor animeerbaar |
Weergawe: | CSS3 |
JavaScript-sintaksis: | objek .style.perspectiveOrigin="10px 50%" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Nommers gevolg deur -webkit- of -moz- spesifiseer die eerste weergawe wat met 'n voorvoegsel gewerk het.
Property | |||||
---|---|---|---|---|---|
perspective-origin | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
CSS-sintaksis
perspective-origin: x-axis y-axis|initial|inherit;
Eiendomswaardes
Property Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Verwante bladsye
CSS-tutoriaal: CSS 3D Transforms
HTML DOM verwysing: perspectiveOrigin eiendom