#offset-distance

#介绍

offset-distance CSS 属性指定元件在 offset-path 定义的路径上的位置。

可以将 offset-distance 与 offset-path 配合使用，把元件放到路径上的指定进度位置，也可以通过动画让元件从路径起点运动到终点。

#使用示例

#语法

offset-distance: 0;
offset-distance: 1;
offset-distance: 0%;
offset-distance: 66%;
offset-distance: 100%;

#取值

• <number>

  使用归一化数值指定元件沿路径的进度。0 表示路径起点，1 表示路径终点。

• <percentage>

  指定元件沿路径的进度。0% 表示路径起点，100% 表示路径终点。

• 默认值

  0

#形式定义

#形式语法

offset-distance = <number> | <percentage>

#与 Web 的区别

• mdn:offset-distance

1. Lynx 不支持 <length> 和 calc() 取值。

#兼容性