Skip to content

Commit b18ba17

Browse files
committed
[css-transitions-2] Add delta specification with transitionstart and transitioncancel events.
This is per WG resolution at https://lists.w3.org/Archives/Public/www-style/2015Apr/0405.html .
1 parent 53e10d5 commit b18ba17

File tree

2 files changed

+499
-0
lines changed

2 files changed

+499
-0
lines changed

css-transitions-2/Overview.bs

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<h1>CSS Transitions Level 2</h1>
2+
3+
<pre class='metadata'>
4+
Status: ED
5+
Shortname: css-transitions-2
6+
Level: 2
7+
Group: csswg
8+
ED: http://dev.w3.org/csswg/css-transitions-2/
9+
Editor: L. David Baron, Mozilla, dbaron@dbaron.org
10+
Issue Tracking: Bugzilla bugs for all levels https://www.w3.org/Bugs/Public/buglist.cgi?query_format=advanced&amp;product=CSS&amp;component=Transitions&amp;resolution=---
11+
Abstract: CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration.
12+
</pre>
13+
<pre class="link-defaults">
14+
spec:css-transitions-1; type:dfn; text:cancel
15+
spec:css-transitions-1; type:dfn; text:running transitions
16+
</pre>
17+
18+
<h2 id="delta">Delta specification</h2>
19+
20+
<p>This is a delta specification, meaning that it currently contains
21+
only the differences from CSS Transitions Level 1 [[!CSS3-TRANSITIONS]].
22+
Once the Level 1 specification is closer to complete, it will be merged
23+
with the additions here into a complete level 2 specification.</p>
24+
25+
<h2 id="transition-events"><span id="transition-events-">Transition Events</span></h2>
26+
27+
<h3 id="transition-event-types">Types of <code>TransitionEvent</code></h3>
28+
29+
<p>The <em>additional</em> types of transition events that can occur are:</p>
30+
31+
<dl dfn-type=event dfn-for=transitionevent>
32+
<dt><dfn>transitionstart</dfn>
33+
<dd>
34+
The <a idl>transitionstart</a> event occurs when a transition is started (i.e., when it is added to the set of <a>running transitions</a>).
35+
<ul>
36+
<li>Bubbles: Yes</li>
37+
<li>Cancelable: No</li>
38+
<li>Context Info: propertyName, elapsedTime, pseudoElement</li>
39+
</ul>
40+
<dt><dfn>transitioncancel</dfn>
41+
<dd>
42+
The <a idl>transitioncancel</a> event occurs when a transition is <a data-lt="cancel">cancelled</a>.
43+
<ul>
44+
<li>Bubbles: Yes</li>
45+
<li>Cancelable: No</li>
46+
<li>Context Info: propertyName, elapsedTime, pseudoElement</li>
47+
</ul>
48+
</dl>
49+

0 commit comments

Comments
 (0)