CSS transform-origin հատկություն

Թույլ է տալիս փոփոխել դիրքավորումը փոխակերպվող տարրերում:

Օրինակ 

div {
    transform: rotate(45deg);
    transform-origin: 20% 40%;
    /* Safari */
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 20% 40%;
}
Փորձել
-webkit-
Նախնական արժեք 50% 50% 0
Ժառանգվող
Անիմացվող
JavaScript սինթաքս օբյեկտ.style.transformOrigin="20% 40%"
Արժեք Բնութագիր
x-axis Հատկանշում է, թե որտեղ պետք է լինի տեսադաշտը x առանցքում: Թույլատրելի արժեքներ՝ left center right length %:
y-axis Հատկանշում է, թե որտեղ պետք է լինի տեսադաշտը y առանցքում: Թույլատրելի արժեքներ՝ top center bottom length %:
z-axis Հատկանշում է, թե որտեղ պետք է լինի տեսադաշտը z առանցքում (3D փոխակերպումների համար): Թույլատրելի արժեքներ՝ length:
initial Վերագրում է այս հատկությունն իր նախնական արժեքին:
inherit Ժառանգում է այս հատկությունն իր ծնող տարրից: