☰
English
accent-color
align
alignment-baseline
all
anchor
animation
appearance
aspect-ratio
backdrop-filter
backface-visibility
background
baseline
block-size
border
bottom
box
break
caption-side
caret
clear
clip
color
column
columns
contain
container
content
corner
counter
cursor
cx
cy
d
direction
display
dominant-baseline
dynamic-range-limit
empty-cells
field-sizing
fill
filter
flex
float
flood
font
forced-color-adjust
gap
grid
height
hyphenate
hyphens
image
ime-mode
initial-letter
inline-size
inset
interactivity
interest
interpolate-size
isolation
justify
left
letter-spacing
lighting-color
line
list
margin
marker
mask
math
max
min
mix-blend-mode
object
offset
offset-anchor
offset-distance
offset-path
offset-position
offset-rotate
opacity
order
orphans
outline
overflow
overlay
overscroll
padding
page
paint-order
perspective
place
pointer-events
position
print-color-adjust
quotes
r
reading
resize
right
rotate
row
ruby
rule
rx
ry
scale
scroll
scrollbar
shape
speak
stop
stroke
tab-size
table-layout
text
timeline
top
touch-action
transform
transition
translate
trigger-scope
unicode-bidi
user-select
vector-effect
vertical-align
view
visibility
white
widows
width
will-change
word
writing-mode
x
y
z-index
zoom
מאפיין offset-distance
המאפיין offset-distance קובע באיזה מרחק לאורך offset-path האלמנט ממוקם. אחוזים מתייחסים לאורך המסלול הכולל. שילוב נפוץ עם אנימציה — מ-0% ל-100% — יוצר תנועה לאורך המסלול.
.mover { offset-distance: 50%; }
@keyframes traverse { to { offset-distance: 100%; } } .mover { animation: traverse 3s linear forwards; }
פחות:
0
יותר:
9999
צעד:
1
יחידות:
% | px | em | rem
Motion Path Module Level 1
Editor's Draft
<length-percentage>
W3C
MDN
Show all code
ערוך CSS און-ליין
התוסף שזוכר עבורך מאות פריטי CSS
כל פרופרטי CSS — בהדגמה חיה
מקור הייחוס הדו-לשוני ל-CSS
הגדרה
דוגמאות
תחביר
מודול
מפרט
סוגי ערכים
מקורות מידע
הדגמה חזותית
previous
next