@@ -102,9 +102,6 @@ The <dfn>owning element</dfn> of an animation refers to the element or
102
102
pseudo-element to which the 'animation-name' property was applied that generated
103
103
the animation.
104
104
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
-
108
105
If an animation generated using the markup defined in this specification is
109
106
later disassociated from that markup by an update to the computed value of the
110
107
'animation-name' property on the <a>owning element</a> , the animation is
@@ -147,9 +144,9 @@ animation.effect = null;
147
144
148
145
## Animation composite order ## {#animation-composite-order}
149
146
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’.
153
150
154
151
CSS Animations <em>with</em> an <a>owning element</a> have a <em>later</em>
155
152
composite 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
198
195
from its <a>owning element</a> always causes it to enter (or remain) in the
199
196
<a>idle play state</a>.
200
197
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
-
204
198
# Keyframes # {#keyframes}
205
199
206
200
## The 'animation-play-state' property ## {#animation-play-state}
@@ -550,47 +544,7 @@ interface CSSAnimation : Animation {
550
544
:: The key used to find matching keyframes rules that define <a>target
551
545
effect</a> at the point when the animation was created.
552
546
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.
594
548
595
549
## Requirements on pending style changes ## {#requirements-on-pending-style-changes}
596
550
0 commit comments