עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetoffset-anchoroffset-distanceoffset-pathoffset-positionoffset-rotateopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom
offset-distance CSS Property
The offset-distance property specifies how far along the offset-path the element is positioned. Percentages refer to the total length of the path. Commonly animated from 0% to 100% to move the element along the path.
.mover {
offset-distance: 50%;
}
@keyframes traverse {
to { offset-distance: 100%; }
}
.mover {
animation: traverse 3s linear forwards;
}
min:0
max:9999
step:1
units:% | px | em | rem
Motion Path Module Level 1
Editor's Draft
<length-percentage>
W3CMDN
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