עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransform-boxtransform-origintransform-styletransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom
transform-origin CSS Property
The transform-origin property establishes the origin point for transformations — the element rotates/scales around this point. Percentages relative to the reference box. Initial value is 50% 50%.
.box {
transform-origin: top left;
}
.box {
transform-origin: 25% 75%;
transform: rotate(45deg);
}
min:-9999
max:9999
step:1
units:% | px | em | rem
leftComputes to 0% for the horizontal axis.rightComputes to 100% for the horizontal axis.topComputes to 0% for the vertical axis.bottomComputes to 100% for the vertical axis.centerComputes to 50% for the relevant axis.
CSS Transforms Module Level 1
Editor's Draft
<length-percentage>
W3CMDN
cssguide
Show all code
Edit CSS online
The plugin that remembers hundreds of CSS items for you
Every CSS property — in a live demonstration
The bilingual CSS reference
previousnext