Opis

transform-origin pozwala na zmianę położenia przekształconych elementów.

Tej właściwości należy używać razem z transform

Przykład
Piotr
Kod:
Wartości

transform-origin: x-axis y-axis z-axis|initial|inherit;

WartośćOpis
50% 50% 0 Domyślne.
x-axis
left | right
Określa, gdzie widok jest umieszczony na osi X. Możliwe wartości: left, center, right, length, %. Zobacz jednostki
y-axis
center 220px | center top
Określa, gdzie widok jest umieszczony na osi Y. Możliwe wartości: top, center, bottom, length, %. Zobacz jednostki
z-axis
50% 50% -30px | 3em 30em -20em
Określa, gdzie widok jest umieszczony na osi Z (dla 3D). Możliwe wartości: tylko length.
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     |     
Info: Domyślna wartość: 50% 50% 0
Dziedziczenie:
Animowalność:
JavaScript: object.style.transformOrigin