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
<h2class="heading settled" data-level="3" id="starting"><spanclass="secno">3. </span><spanclass="content">Starting of transitions</span><aclass="self-link" href="#starting"></a></h2>
152
+
<h2class="heading settled" data-level="2" id="starting"><spanclass="secno">2. </span><spanclass="content">Starting of transitions</span><aclass="self-link" href="#starting"></a></h2>
151
153
<p>Associated with each top-level browsing context is a <dfndata-dfn-type="dfn" data-noexport="" id="current-transition-generation">current transition
152
154
generation<aclass="self-link" href="#current-transition-generation"></a></dfn> that is incremented on each <adata-link-type="dfn" href="https://drafts.csswg.org/css-transitions-1/#style-change-event">style change event</a>.</p>
153
155
<p>Each time a new transition is generated, the current value of the (already
154
156
incremented) <adata-link-type="dfn" href="#current-transition-generation">current transition generation</a> is stored as the
<p>Although the <aclass="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transitions-1/#propdef-transition-property">transition-property</a> may specify shorthand properties and the <aclass="css" data-link-type="maybe" href="https://drafts.csswg.org/css-transitions-1/#valdef-transition-property-all">all</a> keyword, individual transitions are generated for each longhand
158
160
sub-property that is animatable. The <dfndata-dfn-type="dfn" data-noexport="" id="expanded-transition-property-name">expanded transition property
159
161
name<aclass="self-link" href="#expanded-transition-property-name"></a></dfn> of a transition is the name of the longhand sub-property for which
160
162
the transition was generated (e.g. <aclass="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-backgrounds-3/#border-left-width">border-left-width</a>).</p>
<p>The <dfndata-dfn-type="dfn" data-noexport="" id="owning-element">owning element<aclass="self-link" href="#owning-element"></a></dfn> of a transition refers to the element or
163
165
pseudo-element to which the <aclass="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transitions-1/#propdef-transition-property">transition-property</a> property was applied that
164
166
generated the animation.</p>
@@ -172,7 +174,7 @@ <h3 class="heading settled" data-level="3.2" id="owning-element-section"><span c
172
174
<pclass="issue" id="issue-bdbc8bc0"><aclass="self-link" href="#issue-bdbc8bc0"></a> Define the above more precisely once we rewrite firing of transitions
173
175
in terms of Web Animations concepts (specifically when we spell out when we
<pclass="note" role="note">Note, this behavior relies on the fact that disassociating a transition
220
222
from its <adata-link-type="dfn" href="#owning-element">owning element</a> always causes it to enter (or remain) in the <adata-link-type="dfn" href="https://w3c.github.io/web-animations/#idle-play-state">idle play state</a>.</p>
221
-
<h3class="heading settled" data-level="3.4" id="transition-event-types"><spanclass="secno">3.4. </span><spanclass="content">Types of <code>TransitionEvent</code></span><aclass="self-link" href="#transition-event-types"></a></h3>
<h3class="no-num heading settled" id="index-defined-here"><spanclass="content">Terms defined by this specification</span><aclass="self-link" href="#index-defined-here"></a></h3>
<li><ahref="#owning-element">owning element</a><span>, in §3.2</span>
370
-
<li><ahref="#dom-transitionevent-transitioncancel">transitioncancel</a><span>, in §3.4</span>
371
-
<li><ahref="#transition-generation">transition generation</a><span>, in §3</span>
372
-
<li><ahref="#dom-transitionevent-transitionstart">transitionstart</a><span>, in §3.4</span>
371
+
name</a><span>, in §2.1</span>
372
+
<li><ahref="#owning-element">owning element</a><span>, in §2.2</span>
373
+
<li><ahref="#dom-transitionevent-transitioncancel">transitioncancel</a><span>, in §3.1</span>
374
+
<li><ahref="#transition-generation">transition generation</a><span>, in §2</span>
375
+
<li><ahref="#dom-transitionevent-transitionstart">transitionstart</a><span>, in §3.1</span>
373
376
</ul>
374
377
<h3class="no-num heading settled" id="index-defined-elsewhere"><spanclass="content">Terms defined by reference</span><aclass="self-link" href="#index-defined-elsewhere"></a></h3>
0 commit comments