Przykład
Ustaw punkt widzenia, z którego element jest oglądany:
div
{
-webkit-perspective: 500px; /* Chrome, Safari, Opera */
perspective: 500px;
}
Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość perspektywy określa ile pikseli 3D element jest umieszczony z widoku. Ta właściwość pozwala zmienić perspektywę, w jaki sposób elementy 3D są oglądane.
Przy określaniu właściwości perspektywiczny dla danego elementu, to elementy podrzędne, które popadły w widoku perspektywicznym, a nie samego elementu.
Note: Właściwość perspektywy wpływa tylko 3D przekształconych elementów!
Tip: Za pomocą tej właściwości razem z perspektywy pochodzenia mienia, która pozwala na zmianę pozycji dolnej elementów 3D.
Aby lepiej zrozumieć właściwości perspektywy, zobaczyć demo .
| Domyślna wartość: | none |
|---|---|
| Dziedziczny: | no |
| Animatable: | yes. Read about animatable Try it |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.perspective="50px" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Liczby następnie -webkit- lub -moz- określić pierwszą wersję, która pracowała z prefiksem.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| perspective | 36,0 12,0 -webkit- | 10,0 | 16,0 10,0 -moz- | 9,0 4.0.3 -webkit- | 23,0 15,0 -webkit- |
Składnia CSS
perspective:length|none;wartości nieruchomości
| Wartość nieruchomości | Opis |
|---|---|
| length | Jak dotąd element jest umieszczony w widoku |
| Żaden | Domyślna wartość. Tak samo jak 0. perspektywa nie jest ustawiony |
| inicjał | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej |
| dziedziczyć | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Kurs CSS: CSS 3D Transformacje
Odniesienia HTML DOM: perspective property