המאפיין offset-path קובע מסלול שעליו האלמנט נע (motion path). האלמנט מתרגם מההתחלה לסיום לאורך המסלול בהתאם ל-offset-distance, ויכול להסתובב לפי כיוון המסלול עם offset-rotate.
.mover {
offset-path: path('M 0 0 L 200 0');
}.orbit {
offset-path: circle(100px at 50% 50%);
animation: spin 4s linear infinite;
}
noneאין מסלול תנועה (ערך ברירת המחדל).border-boxהמסלול נקבע על-פי גבול ה-border של האלמנט.padding-boxהמסלול נקבע על-פי גבול ה-padding.margin-boxהמסלול נקבע על-פי גבול ה-margin.fill-boxהמסלול נקבע על-פי תיבת ה-fill של SVG.stroke-boxהמסלול נקבע על-פי תיבת ה-stroke של SVG.view-boxהמסלול נקבע על-פי viewBox של SVG.content-boxהמסלול נקבע על-פי גבול ה-content של האלמנט.path()מגדיר מסלול לפי תחביר SVG path data, למשל path('M 0 0 L 100 100').ray()מסלול קווי לפי זווית, למשל ray(45deg closest-side).circle()מסלול עיגול.ellipse()מסלול אליפסה.polygon()מסלול מצולע.url()מצביע אל אלמנט צורה ב-SVG כמסלול.Motion Path Module Level 1Editor's DraftW3CMDNShow all codeערוך CSS און-לייןהתוסף שזוכר עבורך מאות פריטי CSSכל פרופרטי CSS — בהדגמה חיהמקור הייחוס הדו-לשוני ל-CSSהגדרהדוגמאותתחבירמודולמפרטמקורות מידעהדגמה חזותיתpreviousnext
