Stylperspektief Eiendom _
Voorbeeld
Stel die perspektief van waar 'n element bekyk word:
document.getElementById("myDIV").style.perspective = "50px";
Definisie en gebruik
Die perspektief-eienskap definieer hoeveel pixels 'n 3D-element vanaf die aansig geplaas word. Hierdie eienskap laat jou toe om die perspektief te verander oor hoe 3D-elemente bekyk word.
Wanneer die perspektief-eienskap vir 'n element gedefinieer word, is dit die KIND-elemente wat die perspektiefaansig kry, NIE die element self nie.
Let wel: Die perspektief-eienskap affekteer slegs 3D-getransformeerde elemente!
Wenk: Gebruik hierdie eienskap saam met die perspectiveOrigin -eienskap, wat jou toelaat om die onderste posisie van 3D-elemente te verander.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Let wel: Ou Chrome, Safari en Opera ondersteun 'n alternatief, die WebkitPerspective-eienskap.
Sintaksis
Gee die perspektief-eienskap terug:
object.style.perspective
Stel die perspektief-eienskap:
object.style.perspective = "length|none"
Eiendomswaardes
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Tegniese besonderhede
Standaard waarde: | geen |
---|---|
Terugkeerwaarde: | 'n String, wat die perspektief-eienskap van 'n element voorstel |
CSS weergawe | CSS3 |
Verwante bladsye
JavaScript-stylvoorwerp: perspektiefOorspronklike eiendom
CSS verwysing: perspektief eiendom
❮ Stylvoorwerp