Atrybut perspective w CSS

Definicja i użycie

Właściwość perspective definiuje odległość 3D elementu od widoku, wyrażoną w pikselach. Ta właściwość pozwala na zmianę perspektywy widzenia 3D elementu.

Kiedy dla elementu zdefiniowano właściwość perspective, jego potomki otrzymują efekt perspektywy, a nie sam element.

Komentarz:Właściwość perspective wpływa tylko na elementy 3D transformacji.

Wskazówka:Proszę z perspective-origin Używaj tej właściwości razem z atrybutem, aby móc zmienić pozycję dolną 3D elementu.

Zobacz również:

CSS3 tutorial:3D przekształcenia w CSS3

HTML DOM podręcznik:perspective właściwość

Przykład

Ustawienie widoku elementu, z którego jest widziana pozycja:

div
{
perspective: 500;
}

Spróbuj sam

CSS syntax

perspective: liczba|brak;

Wartość atrybutu

Wartość Opis
liczba Odległość elementu od widoku, wyrażona w pikselach.
brak Domyślna wartość. Równa 0. Nie ustawia perspektywy.

Techniczne szczegóły

Domyślna wartość: brak
Inheredance: tak
Wersja: CSS3
JavaScript syntax: obiekt.style.perspective=500

Wsparcie przeglądarki

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

Liczby z -webkit- lub -moz- jako prefiksem oznaczają pierwszą wersję używaną z przedrostkiem.

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-