Atrybut perspective-origin w CSS

Definicja i użycie

Atrybut perspective-origin definiuje osie X i Y, na których opiera się 3D element. Pozwala zmieniać pozycję dolną 3D elementu.

Kiedy dla elementu określona jest właściwość perspective-origin, jego elementy potomne otrzymują efekt perspektywy, a nie sam element.

Komentarz:Ta właściwość musi być używana z perspektywa Atrybuty są używane razem i wpływają tylko na elementy przekształcania 3D.

Zobacz również:

Kurs CSS3:3D przekształcenia w CSS3

Podręcznik HTML DOM:Atrybut perspectiveOrigin

Przykład

Ustaw punkt bazowy 3D elementu:

div
{
perspective:150;
perspective-origin: 10% 10%;
}

Spróbuj sam

Gramatyka CSS

perspective-origin: osi x osi y;

Wartość atrybutu

Wartość Opis
osi x

Definiuje pozycję widoku na osi x. Domyślna wartość: 50%.

Możliwe wartości:

  • lewo
  • środek
  • prawo
  • length
  • %
osi y

Definiuje pozycję widoku na osi y. Domyślna wartość: 50%.

Możliwe wartości:

  • górna
  • środek
  • dolna
  • length
  • %

Szczegóły techniczne

Domyślna wartość: 50% 50%
Inheredność: nie
Wersja: CSS3
Gramatyka JavaScript: obiekt.style.perspectiveOrigin="10% 10%"

Wsparcie przeglądarki

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-