Właściwość CSS perspective

Definicja stylu, przeznaczenie i użycie perspective

Właściwość perspective jest używana, aby nadać elementowi pozycjonowanemu 3D pewną perspektywę.

Właściwość perspective definiuje, jak daleko obiekt jest oddalony od użytkownika. Zatem niższa wartość spowoduje bardziej intensywny efekt 3D niż wyższa wartość.

Podczas definiowania właściwości perspective dla elementu widok perspektywiczny otrzymują elementy CHILD, a NIE sam element.

Tip: spójrz także na właściwość perspective-origin, która określa, w jakiej pozycji użytkownik patrzy na obiekt 3D.

Wartości właściwości perspective

Składnia CSS perspective

perspective: length | none;

Wsparcie przeglądarek dla właściwości perspective

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Liczba przed -moz-, -webkit- określa pierwszą wersję, która działała z prefiksem.

Właściwość
perspective	36.0 12.0 -webkit-	10.0	16.0 10.0 -moz-	9.0 4.0.3 -webkit-	23.0 15.0 -webkit-

Przykładowe zastosowania właściwości perspective

perspective: 100px;

perspective: 800px;