The offset-position property specifies the starting point of the offset-path. Mostly relevant when using offset-path: ray() or a shape without an explicit starting point..mover {
offset-position: center;
}.ray-start {
offset-position: 25% 75%;
offset-path: ray(45deg);
}min:0max:9999step:1units:% | px | em | remnormalThe element has no offset starting position (default value).autoStarting position is the top-left corner of the element's box.topPosition the start point at the top edge.rightPosition the start point at the right edge.bottomPosition the start point at the bottom edge.leftPosition the start point at the left edge.centerPosition the start point at the center.Motion Path Module Level 1Editor's Draft<position>W3CMDNShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstrationpreviousnext
