Przykład
Ustaw umieszczenie bazowy element 3D za:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Spróbuj sam " Definicja i Wykorzystanie
Właściwość perspectiveOrigin określa, w którym element 3D oparte na osiach X i Y osi. Ta właściwość pozwala na zmianę pozycji dolnej elementów 3D.
Przy określaniu właściwości perspectiveOrigin dla elementu, to elementy podrzędne, które są ustawione, a nie sam element.
Note: Ta właściwość musi być używany razem z perspektywy nieruchomości, a jedynie wpływa 3D przekształca elementy!
Wsparcie przeglądarka
Nieruchomość perspectiveOrigin jest obsługiwana w IE10 + i Firefox.
Chrome, Safari, Opera i wspierać alternatywę, właściwość WebkitPerspecitveOrigin.
Składnia
Zwraca właściwość perspectiveOrigin:
object .style.perspectiveOrigin Ustaw właściwość perspectiveOrigin:
object .style.perspectiveOrigin=" wartości nieruchomości Wartość Opis x-axis Określający miejsce widok jest umieszczony na osi odciętych Możliwe wartości:
- lewo
- centrum
- dobrze
- length
- %
Domyślna wartość: 50%
y-axis Określający miejsce widok jest umieszczony na osi y Możliwe wartości:
- Top
- centrum
- Dolny
- length
- %
Domyślna wartość: 50%
initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: 50% 50% Zwracana wartość: Ciąg, stanowiących własność perspektywa początkowego elementu Wersja CSS CSS3
Podobne strony
Styl JavaScript Object: perspective property
Odniesienie CSS: perspective-origin property
<Style obiektu