Skip to content

Commit 445633f

Browse files
committed
[css-animations-2] Add some references to the CSSAnimation() constructor
Since it seems likely we'll add this at some point and I'll probably forget to add these references back at that point.
1 parent fa3b529 commit 445633f

File tree

2 files changed

+16
-12
lines changed

2 files changed

+16
-12
lines changed

css-animations-2/Overview.bs

+8-6
Original file line numberDiff line numberDiff line change
@@ -70,8 +70,8 @@ The <dfn>owning element</dfn> of a CSS Animation refers to the element or
7070
pseudo-element to which the 'animation-name' property was applied that generated
7171
the animation.
7272

73-
If an animation was generated directly by script then it has no <a>owning
74-
element</a>.
73+
If an animation was generated directly by script (e.g. using
74+
the {{CSSAnimation()}} constructor) then it has no <a>owning element</a>.
7575

7676
If an animation generated using the markup defined in this specification is
7777
later disassociated from that markup by an update to the computed value of the
@@ -285,9 +285,9 @@ The values of 'animation-composition' have the meaning defined for the
285285
corresponding values of the <a>composite operation</a> defined in Web
286286
Animations [[!WEB-ANIMATIONS]].
287287
288-
When specified in a keyframe, 'animation-composition' defines the operation
289-
used for each property specified in that keyframe until the next keyframe
290-
specifying each property.
288+
When specified in a keyframe, 'animation-composition' defines the composite
289+
operation to use for each property specified in that keyframe until the next
290+
keyframe specifying each property.
291291
292292
<div class='example'>
293293
For example, the following stylesheet defines two different animations
@@ -428,7 +428,9 @@ interface CSSAnimation : Animation {
428428
:: The key used to find matching keyframes rules that define <a>target
429429
effect</a> at the point when the animation was created.
430430
This is the value of the 'animation-name' property that caused this
431-
object to be generated.
431+
object to be generated or, if this object was generated using the
432+
programming interface, the <code>animationName</code> argument
433+
that was passed to the {{CSSAnimation()}} constructor.
432434
433435
<div class="issue">
434436

css-animations-2/Overview.html

+8-6
Original file line numberDiff line numberDiff line change
@@ -188,8 +188,8 @@ <h3 class="heading settled" data-level="2.1" id="owning-element-section"><span c
188188
<p>The <dfn data-dfn-type="dfn" data-noexport="" id="owning-element">owning element<a class="self-link" href="#owning-element"></a></dfn> of a CSS Animation refers to the element or
189189
pseudo-element to which the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-name">animation-name</a> property was applied that generated
190190
the animation.</p>
191-
<p>If an animation was generated directly by script then it has no <a data-link-type="dfn" href="#owning-element">owning
192-
element</a>.</p>
191+
<p>If an animation was generated directly by script (e.g. using
192+
the <code class="idl"><a data-link-type="idl" href="#dom-cssanimation-cssanimation">CSSAnimation()</a></code> constructor) then it has no <a data-link-type="dfn" href="#owning-element">owning element</a>.</p>
193193
<p>If an animation generated using the markup defined in this specification is
194194
later disassociated from that markup by an update to the computed value of the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-name">animation-name</a> property on the <a data-link-type="dfn" href="#owning-element">owning element</a>, the animation is
195195
disassociated from its <a data-link-type="dfn" href="#owning-element">owning element</a> (that is, it has no <a data-link-type="dfn" href="#owning-element">owning
@@ -371,9 +371,9 @@ <h3 class="heading settled" data-level="3.2" id="animation-composition"><span cl
371371
<p>The values of <a class="property" data-link-type="propdesc" href="#propdef-animation-composition">animation-composition</a> have the meaning defined for the
372372
corresponding values of the <a data-link-type="dfn" href="https://w3c.github.io/web-animations/#composite-operation">composite operation</a> defined in Web
373373
Animations <a data-link-type="biblio" href="#biblio-web-animations">[WEB-ANIMATIONS]</a>.</p>
374-
<p>When specified in a keyframe, <a class="property" data-link-type="propdesc" href="#propdef-animation-composition">animation-composition</a> defines the operation
375-
used for each property specified in that keyframe until the next keyframe
376-
specifying each property.</p>
374+
<p>When specified in a keyframe, <a class="property" data-link-type="propdesc" href="#propdef-animation-composition">animation-composition</a> defines the composite
375+
operation to use for each property specified in that keyframe until the next
376+
keyframe specifying each property.</p>
377377
<div class="example" id="example-e146d515">
378378
<a class="self-link" href="#example-e146d515"></a> For example, the following stylesheet defines two different animations
379379
targetting the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transforms-2/#propdef-scale">scale</a> property.
@@ -503,7 +503,9 @@ <h3 class="heading settled" data-level="5.1" id="the-CSSAnimation-interface"><sp
503503
<p>The key used to find matching keyframes rules that define <a data-link-type="dfn" href="https://w3c.github.io/web-animations/#target-effect">target
504504
effect</a> at the point when the animation was created.
505505
This is the value of the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-name">animation-name</a> property that caused this
506-
object to be generated.</p>
506+
object to be generated or, if this object was generated using the
507+
programming interface, the <code>animationName</code> argument
508+
that was passed to the <code class="idl"><a data-link-type="idl" href="#dom-cssanimation-cssanimation">CSSAnimation()</a></code> constructor.</p>
507509
</dl>
508510
<div class="issue" id="issue-2082bf7a">
509511
<a class="self-link" href="#issue-2082bf7a"></a>

0 commit comments

Comments
 (0)