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: css-animations-2/Overview.html
+8-6
Original file line number
Diff line number
Diff line change
@@ -188,8 +188,8 @@ <h3 class="heading settled" data-level="2.1" id="owning-element-section"><span c
188
188
<p>The <dfndata-dfn-type="dfn" data-noexport="" id="owning-element">owning element<aclass="self-link" href="#owning-element"></a></dfn> of a CSS Animation refers to the element or
189
189
pseudo-element to which the <aclass="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-name">animation-name</a> property was applied that generated
190
190
the animation.</p>
191
-
<p>If an animation was generated directly by script then it has no <adata-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 <codeclass="idl"><adata-link-type="idl" href="#dom-cssanimation-cssanimation">CSSAnimation()</a></code> constructor) then it has no <adata-link-type="dfn" href="#owning-element">owning element</a>.</p>
193
193
<p>If an animation generated using the markup defined in this specification is
194
194
later disassociated from that markup by an update to the computed value of the <aclass="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-name">animation-name</a> property on the <adata-link-type="dfn" href="#owning-element">owning element</a>, the animation is
195
195
disassociated from its <adata-link-type="dfn" href="#owning-element">owning element</a> (that is, it has no <adata-link-type="dfn" href="#owning-element">owning
<p>The values of <aclass="property" data-link-type="propdesc" href="#propdef-animation-composition">animation-composition</a> have the meaning defined for the
372
372
corresponding values of the <adata-link-type="dfn" href="https://w3c.github.io/web-animations/#composite-operation">composite operation</a> defined in Web
<p>When specified in a keyframe, <aclass="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, <aclass="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>
377
377
<divclass="example" id="example-e146d515">
378
378
<aclass="self-link" href="#example-e146d515"></a> For example, the following stylesheet defines two different animations
379
379
targetting the <aclass="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transforms-2/#propdef-scale">scale</a> property.
<p>The key used to find matching keyframes rules that define <adata-link-type="dfn" href="https://w3c.github.io/web-animations/#target-effect">target
504
504
effect</a> at the point when the animation was created.
505
505
This is the value of the <aclass="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 <codeclass="idl"><adata-link-type="idl" href="#dom-cssanimation-cssanimation">CSSAnimation()</a></code> constructor.</p>
0 commit comments