Skip to content

Commit 53e10d5

Browse files
committed
[css-animations-2] Add delta specification with an animationcancel event.
This is per WG resolution at https://lists.w3.org/Archives/Public/www-style/2015Apr/0405.html .
1 parent b2847c2 commit 53e10d5

2 files changed

Lines changed: 468 additions & 0 deletions

File tree

css-animations-2/Overview.bs

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<h1>CSS Animations Level 2</h1>
2+
3+
<pre class='metadata'>
4+
Status: ED
5+
Shortname: css-animations-2
6+
Level: 2
7+
Group: csswg
8+
ED: http://dev.w3.org/csswg/css-animations-2/
9+
Editor: L. David Baron, Mozilla, dbaron@dbaron.org
10+
!Issues List: <a href="https://www.w3.org/Bugs/Public/buglist.cgi?component=Animations&list_id=36653&product=CSS&query_format=advanced&resolution=---">In Bugzilla</a>
11+
12+
Abstract: This CSS module describes a way for authors to animate the values of CSS properties over time, using keyframes. The behavior of these keyframe animations can be controlled by specifying their duration, number of repeats, and repeating behavior.
13+
</pre>
14+
15+
<h2 id="delta">Delta specification</h2>
16+
17+
<p>This is a delta specification, meaning that it currently contains
18+
only the differences from CSS Animations Level 1 [[!CSS3-ANIMATIONS]].
19+
Once the Level 1 specification is closer to complete, it will be merged
20+
with the additions here into a complete level 2 specification.</p>
21+
22+
<h2 id="events">Animation Events</h2>
23+
24+
<h3 id="event-animationevent">Types of <code>AnimationEvent</code></h3>
25+
26+
<p>The <em>additional</em> types of animation events that can occur are:</p>
27+
28+
<dl dfn-type=event dfn-for=animationevent>
29+
<dt><dfn>animationcancel</dfn>
30+
<dd>
31+
The <a idl>animationcancel</a> event occurs when the animation stops running in a way that does not fire an <a idl>animationend</a> event, such as a change in the 'animation-name' that removes the animation, or the animating element or one of its ancestors becoming ''display:none''.
32+
<ul>
33+
<li>Bubbles: Yes</li>
34+
<li>Cancelable: No</li>
35+
<li>Context Info: animationName, elapsedTime, pseudoElement</li>
36+
</ul>
37+
</dl>
38+

0 commit comments

Comments
 (0)