logo-tworzenie-stron-legnica

config

Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

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;

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , 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 | Grafik | Strony

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