@@ -102,9 +102,6 @@ The <dfn>owning element</dfn> of an animation refers to the element or
102102pseudo-element to which the 'animation-name' property was applied that generated
103103the animation.
104104
105- If an animation was generated directly by script (e.g. using
106- the {{CSSAnimation}} constructor) then it has no <a>owning element</a> .
107-
108105If an animation generated using the markup defined in this specification is
109106later disassociated from that markup by an update to the computed value of the
110107'animation-name' property on the <a>owning element</a> , the animation is
@@ -147,9 +144,9 @@ animation.effect = null;
147144
148145## Animation composite order ## {#animation-composite-order}
149146
150- <a spec='web-animations'>Animations</a> generated from the markup or interfaces
151- (e.g. the {{CSSAnimation}} constructor) defined in this specification have an
152- <a>animation class</a> of ‘CSS Animation’.
147+ <a spec='web-animations'>Animations</a> generated from the markup defined in
148+ this specification have an <a>animation class</a> of ‘CSS
149+ Animation’.
153150
154151CSS Animations <em>with</em> an <a>owning element</a> have a <em>later</em>
155152composite order than CSS Transitions but an <em>earlier</em> composite order
@@ -198,9 +195,6 @@ Note, this behavior relies on the fact that disassociating an animation
198195from its <a>owning element</a> always causes it to enter (or remain) in the
199196<a>idle play state</a>.
200197
201- CSS Animations created using the {{CSSAnimation}} constructor are appended
202- to the <a>global animation list</a> at the moment they are constructed.
203-
204198# Keyframes # {#keyframes}
205199
206200## The 'animation-play-state' property ## {#animation-play-state}
@@ -550,47 +544,7 @@ interface CSSAnimation : Animation {
550544:: The key used to find matching keyframes rules that define <a>target
551545 effect</a> at the point when the animation was created.
552546 This is the value of the 'animation-name' property that caused this
553- object to be generated or, if this object was generated using the
554- programming interface, the <code>animationName</code> argument
555- that was passed to the {{CSSAnimation}} constructor.
556-
557- <div class="issue">
558-
559- We need to define a constructor for {{CSSAnimation}}.
560- Perhaps something like the following:
561-
562- <pre class="idl">
563- partial interface CSSAnimation {
564- constructor(Animatable? target,
565- CSSOMString animationName,
566- optional (unrestricted double or KeyframeEffectOptions) options,
567- optional CSSOMString defaultEasing = "ease");
568- constructor(Animatable? target,
569- CSSOMString animationName,
570- (unrestricted double or KeyframeEffectOptions) options,
571- CSSOMString defaultEasing,
572- AnimationTimeline? timeline);
573- };
574- </pre>
575-
576- The difficulty is with liveness. The most useful and least magical
577- (but most complicated) approach is to define a subclass of
578- {{KeyframeEffectReadOnly}} that has the special behavior of tracking changes
579- to all @keyframes rules that match the supplied name and automatically
580- updating the set of keyframes returned by
581- {{KeyframeEffectReadOnly/getFrames()}} after filling-in the default easing.
582-
583- Something like,
584-
585- <pre class="idl">
586- interface CSSKeyframeEffectReadOnly : KeyframeEffectReadOnly {
587- constructor(CSSOMString keyframesName, CSSOMString defaultEasing);
588- readonly attribute CSSOMString keyframesName;
589- readonly attribute CSSOMString defaultEasing;
590- };
591- </pre>
592-
593- </div>
547+ object to be generated.
594548
595549## Requirements on pending style changes ## {#requirements-on-pending-style-changes}
596550
0 commit comments