Przykład
Ustaw umieszczenie bazy obróconego elementu:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość transformOrigin pozwala zmienić pozycję na przekształconych elementów.
2D przekształca element może zmieniać osi X i osi Y elementu. 3D przekształca element może również zmienić osi elementu.
Note: Ta właściwość musi być używany razem z przekształcenia nieruchomości.
Wsparcie przeglądarka
Nieruchomość transformOrigin jest obsługiwana w programie Internet Explorer 10, Firefox i Opera.
Internet Explorer 9 obsługuje alternatywę, właściwość msTransformOrigin, ale tylko dla transformacji 2D.
Chrome, Safari, Opera i wspierać alternatywę, właściwość WebkitTransformOrigin, zarówno w 2D i 3D-transfoms.
Składnia
Zwraca właściwość transformOrigin:
object .style.transformOrigin Ustaw właściwość transformOrigin:
object .style.transformOrigin=" wartości nieruchomości Wartość Opis x-axis Określający miejsce widok jest umieszczony na osi x. Możliwe wartości: - lewo
- centrum
- dobrze
- length
- %
y-axis Określający miejsce widok jest umieszczony na osi y. Możliwe wartości: - Top
- centrum
- Dolny
- length
- %
z-axis Określający miejsce widok jest umieszczone na osi (for 3D transforms) . Możliwe wartości: - length
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% 0 Zwracana wartość: Ciąg, stanowiących własność element transformacji pochodzenia Wersja CSS CSS3
Podobne strony
Styl JavaScript Object: transform property
Odniesienie CSS: transform-origin property
<Style obiektu