You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: motion-1/Overview.bs
+9-9Lines changed: 9 additions & 9 deletions
Original file line number
Diff line number
Diff line change
@@ -73,7 +73,7 @@ This specification allows authors to specify a <a>path</a>. The object can be po
73
73
</div>
74
74
</div>
75
75
76
-
A path may consist of an <<angle>> or <<basic-shape>> like <<circle()>>, <<inset()>> or <<polygon()>>. To allow authors to specify curves and sub-paths, this specification adds the <<path()>> function in addition to the existing <<basic-shape>> functions. The <<path()>> function takes an SVG Path string as input [[!SVG2]]. As a third option, authors may reference an SVG <a>shape element</a> by <<url>> which is used as the path.
76
+
A <a>path</a> may consist of an <<angle>> or <<basic-shape>> like <<circle()>>, <<inset()>> or <<polygon()>>. To allow authors to specify curves and sub-paths, this specification adds the <<path()>> function in addition to the existing <<basic-shape>> functions. The <<path()>> function takes an SVG Path string as input [[!SVG2]]. As a third option, authors may reference an SVG <a>shape element</a> by <<url>> which is used as the path.
77
77
78
78
<h2 id="placement">Module interactions</h2>
79
79
@@ -108,7 +108,7 @@ Animatable: as <<angle>>, <<basic-shape>> or <<path()>>
108
108
</pre>
109
109
110
110
Specifies the <a>path</a> the element gets positioned at.
111
-
The element's exact position on the path is determined by the 'offset-distance' property.
111
+
The element's exact position on the <a>path</a> is determined by the 'offset-distance' property.
112
112
A <dfn>path</dfn> is either a specified path with one or multiple sub-paths or the geometry
113
113
of a not styled basic shape.
114
114
Each shape or path must define an <dfn>initial position</dfn> for the computed value of "0"
@@ -288,11 +288,11 @@ Describes the position of the element along the specified <a>path</a>.
288
288
289
289
<dl dfn-for="offset-distance" dfn-type="value">
290
290
<dt><<length-percentage>></dt>
291
-
<dd>The distance from the initial position of the shape or path to the position
291
+
<dd>The distance from the initial position of the shape or <a>path</a> to the position
292
292
of the element.
293
293
294
-
Percentages are relative to the length of the path - that is the distance between
295
-
the initial position and the end position of the path.</dd>
294
+
Percentages are relative to the length of the <a>path</a> - that is the distance between
295
+
the initial position and the end position of the <a>path</a>.</dd>
296
296
</dl>
297
297
See the section <a href="#offset-processing">“Offset processing”</a> for how to process an 'offset-distance'.
298
298
@@ -325,7 +325,7 @@ This example shows a way to align elements within the polar coordinate system us
325
325
</div>
326
326
</div>
327
327
328
-
<h3 id="offset-position-property">Define the initial position of the path: The 'offset-position' property</h3>
328
+
<h3 id="offset-position-property">Define the starting point of the path: The 'offset-position' property</h3>
329
329
<pre class='propdef'>
330
330
Name: offset-position
331
331
Applies to: all elements
@@ -337,7 +337,7 @@ Percentages: Refer to the size of containing block
337
337
Computed value: For <<length>> the absolute value, otherwise a percentage.
338
338
Animatable: as <a href="https://www.w3.org/TR/css3-transitions/#animtype-lpcalc">position</a>
339
339
</pre>
340
-
Specifies the initial position of the path.
340
+
Specifies where the <a>path</a> starts.
341
341
342
342
Values are defined as follows:
343
343
<dl dfn-for="offset-position" dfn-type="value">
@@ -368,9 +368,9 @@ Computed value: For <<length>> the absolute value, otherwise a percentage.
368
368
Animatable: as <<position>>
369
369
</pre>
370
370
371
-
Defines an anchor point of the element positioned along the path.
371
+
Defines an anchor point of the element positioned along the <a>path</a>.
372
372
The anchor specifies the point of the element which is to be considered
0 commit comments