Styl perspektivy Vlastnost
Příklad
Nastavte perspektivu, ze které je prvek zobrazen:
document.getElementById("myDIV").style.perspective = "50px";
Definice a použití
Vlastnost perspektiva definuje, kolik pixelů je 3D prvek umístěn z pohledu. Tato vlastnost umožňuje změnit perspektivu zobrazení 3D prvků.
Při definování vlastnosti perspektivy pro prvek získají perspektivní pohled prvky CHILD, NE prvek samotný.
Poznámka: Vlastnost perspektiva ovlivňuje pouze 3D transformované prvky!
Tip: Tuto vlastnost použijte společně s vlastností perspectiveOrigin , která umožňuje změnit spodní polohu 3D prvků.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Poznámka: Starý Chrome, Safari a Opera podporují alternativu, vlastnost WebkitPerspective.
Syntax
Vraťte vlastnost perspektivy:
object.style.perspective
Nastavte vlastnost perspektivy:
object.style.perspective = "length|none"
Hodnoty vlastností
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 |
Technické údaje
Výchozí hodnota: | žádný |
---|---|
Návratová hodnota: | Řetězec představující perspektivní vlastnost prvku |
Verze CSS | CSS3 |
Související stránky
Objekt stylu JavaScriptu: vlastnost perspectiveOrigin
CSS reference: vlastnost perspective
❮ Objekt stylu