config

Strona w trakcie modernizacji

Zapraszamy wkrótce

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

Wartość Opis
length Określa. jak daleko element jest umieszczony od widoku.
none Wartość domyślna. To samo co 0. Perspektywa nie jest ustawiona.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

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ść chrome edge firefox safari opera
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;

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, Tel.: +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00