Styl perspektiva Vlastnost původu
Příklad
Nastavte základní umístění 3D prvku:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Definice a použití
Vlastnost perspectiveOrigin definuje, kde je 3D prvek založen na ose x a y. Tato vlastnost umožňuje změnit spodní polohu 3D prvků.
Při definování vlastnosti perspectiveOrigin pro prvek jsou umístěny prvky CHILD, NE prvek samotný.
Poznámka: Tato vlastnost musí být použita společně s vlastností perspektivy a ovlivňuje pouze 3D transformované prvky!
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Poznámka: Starý Chrome, Safari a Opera podporují alternativu, vlastnost WebkitPerspectiveOrigin.
Syntax
Vraťte vlastnost perspectiveOrigin:
object.style.perspectiveOrigin
Nastavte vlastnost perspectiveOrigin:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Hodnoty vlastností
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 |
Technické údaje
Výchozí hodnota: | 50 % 50 % |
---|---|
Návratová hodnota: | Řetězec představující vlastnost perspektivního původu prvku |
Verze CSS | CSS3 |
Související stránky
Objekt stylu JavaScriptu: vlastnost perspektivy
CSS reference: vlastnost perspective-origin
❮ Objekt stylu