מאפיין offset

מאפיין הקיצור offset מאחד את כל מאפייני motion path: offset-position, offset-path, offset-distance, offset-rotate, ו-offset-anchor. מאפשר להגדיר אנימציה של אלמנט לאורך מסלול גאומטרי בהצהרה אחת.

.car { offset: path("M 0 0 C 100 0 100 100 200 100"); }

@keyframes drive { to { offset-distance: 100%; } } .car { offset: ray(45deg closest-side) 50% auto; animation: drive 5s linear infinite; }

פחות:0 יותר:9999 צעד:1

יחידות:% | px | em

autoערך offset-rotate ברירת המחדל — נסיבה אוטומטית בכיוון המסלול.

reverseערך offset-rotate — נסיבה הפוכה לכיוון המסלול.

noneערך offset-path — אין מסלול.

topערך offset-anchor — עוגן בצד העליון של האלמנט.

bottomערך offset-anchor — עוגן בצד התחתון של האלמנט.

leftערך offset-anchor — עוגן בצד השמאלי של האלמנט.

rightערך offset-anchor — עוגן בצד הימני של האלמנט.

centerערך offset-anchor — עוגן במרכז האלמנט.