Skip to content

Commit 292dc09

Browse files
tabatkinssvgeesus
authored andcommitted
Remove nonsensical references to 'position' from offset-anchor. Generally simplify. Add issue for which box to use.
1 parent bdc8115 commit 292dc09

File tree

1 file changed

+19
-13
lines changed

1 file changed

+19
-13
lines changed

motion-1/Overview.bs

Lines changed: 19 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -949,32 +949,38 @@ Define an anchor point: The 'offset-anchor' property {#offset-anchor-property}
949949

950950
<pre class=propdef>
951951
Name: offset-anchor
952-
Applies to: <a href="https://drafts.csswg.org/css-transforms-1/#transformable-element">transformable elements</a>
952+
Applies to: [=transformable elements=]
953953
Value: auto | <<position>>
954954
Initial: auto
955955
Media: visual
956956
Inherited: no
957-
Percentages: Relative to the width and the height of a box
958-
Computed value: For <<length>> the absolute value, otherwise a percentage.
957+
Percentages: relative to the width and the height of the element's [=reference box=]
958+
Computed value: the ''offset-anchor/auto'' keyword or a computed <<position>>
959959
Animation type: by computed value
960960
</pre>
961961

962-
Defines an <a>anchor point</a> of the box positioned along the <a>offset path</a>. The <dfn>anchor point</dfn> specifies the point of the box which is to be considered as the point that is moved along the <a>offset path</a>.
962+
Defines the box's <dfn export>anchor point</dfn>--
963+
the point that is positioned along the [=offset path=].
963964

964965
Values have the following meanings:
965966
<dl dfn-for="offset-anchor" dfn-type="value">
966-
: <var>auto</var>
967-
::
968-
Computes to the value from 'offset-position', provided 'offset-path' is <a href="#offsetpath-none">none</a> and 'offset-position' is not ''auto''. Otherwise, computes to the value from 'transform-origin'. When ''auto'' is given to 'offset-anchor', and 'offset-path' is <a href="#offsetpath-none">none</a>, 'offset-position' behaves similar to 'background-position'.
969-
: <<position>>
967+
: <dfn>auto</dfn>
968+
:: The [=anchor point=] is the same as
969+
the point indicated by 'transform-origin'.
970+
971+
Specifically, the [=computed value=] of 'transform-origin'
972+
is resolved as a <<position>>
973+
against the element's [=reference box=].
974+
975+
: <dfn><<position>></dfn>
970976
::
971-
: <<percentage>>
972-
::
973-
A percentage for the horizontal offset is relative to width of content area. A percentage for the vertical offset is relative to the height of the content area. For example, with a value pair of '100%, 0%', an <a>anchor point</a> is on the upper right corner of the box.
974-
: <<length>>
975-
:: A length value gives a length offset from the upper left corner of the box's content area.
977+
The [=anchor point=] is the result of resolving the <<position>>
978+
against the element's [=reference box=].
976979
</dl>
977980

981+
Issue: Which box this is resolved against is being discussed in
982+
<a href="https://github.com/w3c/fxtf-drafts/issues/503">Issue 503</a>.
983+
978984
<div class=example>
979985
The following explains how to set the <a>anchor point</a> of the box.
980986

0 commit comments

Comments
 (0)