Vlastnost perspektivního původu CSS
Příklad
Definujte, z jaké pozice se uživatel dívá na 3D umístěný prvek:
#div1
{
perspective: 100px;
perspective-origin: left;
}
Definice a použití
Tato perspective-origin
vlastnost definuje, z jaké pozice se uživatel dívá na 3D umístěný prvek.
Při definování perspective-origin
vlastnosti pro prvek to budou prvky CHILD, které získají účinek, NE prvek samotný.
Poznámka: Tato vlastnost musí být použita ve spojení s vlastností perspective !
Chcete-li lépe porozumět vlastnosti perspektiva-origin, podívejte se na ukázku .
Výchozí hodnota: | 50 % 50 % |
---|---|
Zděděno: | Ne |
Animovatelné: | Ano. Přečtěte si o tématu Animable |
Verze: | CSS3 |
Syntaxe JavaScriptu: | objekt .style.perspectiveOrigin="10px 50%" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Čísla následovaná -webkit- nebo -moz- určují první verzi, která pracovala s předponou.
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- |
Syntaxe CSS
perspective-origin: x-axis y-axis|initial|inherit;
Hodnoty vlastností
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 |
Související stránky
CSS tutoriál: CSS 3D transformace
HTML DOM reference: vlastnost perspectiveOrigin