1010
1111 < meta content ="CSS Animations " name =dcterms.title >
1212 < meta content =text name =dcterms.type >
13- < meta content =2013-09-10 name =dcterms.date >
13+ < meta content =2014-01-08 name =dcterms.date >
1414 < meta content ="L. David Baron " name =dcterms.creator >
1515 < meta content =W3C name =dcterms.publisher >
1616 < meta content ="http://dev.w3.org/csswg/css3-animations/ "
3333
3434 < h1 > CSS Animations</ h1 >
3535
36- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 10 September
37- 2013</ h2 >
36+ < h2 class ="no-num no-toc "> Editor's Draft 8 January 2014</ h2 >
3837
3938 < dl >
4039 < dt > This version:
@@ -85,9 +84,11 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 10 September
8584
8685 < dt > Issues list:
8786
88- < dd > < a
89- href ="https://www.w3.org/Bugs/Public/buglist.cgi?query_format=advanced&product=CSS&component=Animations&resolution=---&cmdtype=doit "> in
90- Bugzilla</ a >
87+ < dd > In Bugzilla: < a
88+ href ="https://www.w3.org/Bugs/Public/buglist.cgi?query_format=advanced&product=CSS&component=Animations&resolution=---&status_whiteboard=defer%20to%20level%202&status_whiteboard_type=notregexp "> for
89+ this level</ a > , < a
90+ href ="https://www.w3.org/Bugs/Public/buglist.cgi?query_format=advanced&product=CSS&component=Animations&resolution=--- "> for
91+ all levels</ a >
9192
9293 < dt > Feedback:
9394
@@ -106,7 +107,7 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 10 September
106107 <!--begin-copyright-->
107108 < p class =copyright > < a
108109 href ="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright "
109- rel =license > Copyright</ a > © 2013 < a href ="http://www.w3.org/ "> < abbr
110+ rel =license > Copyright</ a > © 2014 < a href ="http://www.w3.org/ "> < abbr
110111 title ="World Wide Web Consortium "> W3C</ abbr > </ a > < sup > ®</ sup > (< a
111112 href ="http://www.csail.mit.edu/ "> < abbr
112113 title ="Massachusetts Institute of Technology "> MIT</ abbr > </ a > , < a
@@ -295,13 +296,13 @@ <h2 id=introduction><span class=secno>1. </span> Introduction</h2>
295296
296297 < p > < em > This section is not normative.</ em >
297298
298- < p > CSS Transitions < a href =" #CSS3-TRANSITIONS "
299- rel = biblioentry > [CSS3-TRANSITIONS]<!--{{CSS3-TRANSITIONS}}--> </ a > provide
300- a way to interpolate CSS property values when they change as a result of
301- underlying property changes. This provides an easy way to do simple
302- animation, but the start and end states of the animation are controlled by
303- the existing property values, and transitions provide little control to
304- the author on how the animation progresses.
299+ < p > CSS Transitions < a
300+ href =" #ref-CSS3-TRANSITIONS " > [CSS3-TRANSITIONS]<!--{{CSS3-TRANSITIONS}}--> </ a >
301+ provide a way to interpolate CSS property values when they change as a
302+ result of underlying property changes. This provides an easy way to do
303+ simple animation, but the start and end states of the animation are
304+ controlled by the existing property values, and transitions provide little
305+ control to the author on how the animation progresses.
305306
306307 < p > This proposal introduces < dfn id =defined-animations > defined
307308 animations</ dfn > , in which the author can specify the changes in CSS
@@ -323,14 +324,14 @@ <h2 id=values><span class=secno>2. </span> Values</h2>
323324
324325 < p > This specification follows the < a
325326 href ="http://www.w3.org/TR/CSS21/about.html#property-defs "> CSS property
326- definition conventions</ a > from < a href =" #CSS21 "
327- rel = biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > . Value types not defined in
327+ definition conventions</ a > from < a
328+ href =" #ref-CSS21 " > [CSS21]<!--{{!CSS21}}--> </ a > . Value types not defined in
328329 this specification are defined in CSS Level 2 Revision 1 < a
329- href ="#CSS21 " rel = biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > . Other CSS
330- modules may expand the definitions of these value types: for example < a
331- href ="#CSS3VAL " rel = biblioentry > [CSS3VAL]<!--{{CSS3VAL}}--> </ a > , when
332- combined with this module, expands the definition of the
333- < var > <length> </ var > value type as used in this specification.
330+ href ="#ref- CSS21 "> [CSS21]<!--{{!CSS21}}--> </ a > . Other CSS modules may
331+ expand the definitions of these value types: for example < a
332+ href ="#ref- CSS3VAL "> [CSS3VAL]<!--{{CSS3VAL}}--> </ a > , when combined with
333+ this module, expands the definition of the < var > <length> </ var > value
334+ type as used in this specification.
334335
335336 < p > In addition to the property-specific values listed in their definitions,
336337 all properties defined in this specification also accept the < a
@@ -343,12 +344,13 @@ <h2 id=values><span class=secno>2. </span> Values</h2>
343344 < h2 id =animations > < span class =secno > 3. </ span > Animations</ h2 >
344345
345346 < p > CSS Animations affect computed property values. This effect happens by
346- adding a specified value to the CSS cascade (< a href ="#CSS3CASCADE "
347- rel =biblioentry > [CSS3CASCADE]<!--{{CSS3CASCADE}}--> </ a > ) (at the level for
348- CSS Animations) that will produce the correct computed value for the
349- current state of the animation. As defined in < a href ="#CSS3CASCADE "
350- rel =biblioentry > [CSS3CASCADE]<!--{{CSS3CASCADE}}--> </ a > , animations
351- override all normal rules, but are overriden by !important rules.
347+ adding a specified value to the CSS cascade (< a
348+ href ="#ref-CSS3CASCADE "> [CSS3CASCADE]<!--{{CSS3CASCADE}}--> </ a > ) (at the
349+ level for CSS Animations) that will produce the correct computed value for
350+ the current state of the animation. As defined in < a
351+ href ="#ref-CSS3CASCADE "> [CSS3CASCADE]<!--{{CSS3CASCADE}}--> </ a > ,
352+ animations override all normal rules, but are overriden by !important
353+ rules.
352354
353355 < p > If at one point in time there are multiple animations specifying
354356 behavior for the same property, the animation whose name occurs last in
@@ -446,7 +448,7 @@ <h2 id=animations><span class=secno>3. </span> Animations</h2>
446448 For information on how to avoid content that can lead to seizures, see < a
447449 href ="http://www.w3.org/TR/WCAG20/#seizure "> Guideline 2.3: Seizures: Do
448450 not design content in a way that is known to cause seizures</ a > (< a
449- href ="#WCAG20 " rel = biblioentry > [WCAG20]<!--{{WCAG20}}--> </ a > ).
451+ href ="#ref- WCAG20 "> [WCAG20]<!--{{WCAG20}}--> </ a > ).
450452
451453 < h2 id =keyframes > < span class =secno > 4. </ span > Keyframes</ h2 >
452454
@@ -846,9 +848,8 @@ <h3 id=animation-timing-function-property><span class=secno>4.4. </span>
846848 class =property > animation-timing-function</ code > </ a > ’ property describes
847849 how the animation will progress over one cycle of its duration. See the
848850 ‘< code class =property > transition-timing-function</ code > ’ property < a
849- href ="#CSS3-TRANSITIONS "
850- rel =biblioentry > [CSS3-TRANSITIONS]<!--{{!CSS3-TRANSITIONS}}--> </ a > for a
851- complete description of timing function calculation.
851+ href ="#ref-CSS3-TRANSITIONS "> [CSS3-TRANSITIONS]<!--{{!CSS3-TRANSITIONS}}--> </ a >
852+ for a complete description of timing function calculation.
852853
853854 < table class =propdef >
854855 < tbody >
@@ -908,8 +909,7 @@ <h3 id=animation-timing-function-property><span class=secno>4.4. </span>
908909 < p > All the valid values of ‘< code
909910 class =css > <single-timing-function></ code > ’ are defined by the
910911 ‘< code class =property > transition-timing-function</ code > ’ property < a
911- href ="#CSS3-TRANSITIONS "
912- rel =biblioentry > [CSS3-TRANSITIONS]<!--{{!CSS3-TRANSITIONS}}--> </ a > .
912+ href ="#ref-CSS3-TRANSITIONS "> [CSS3-TRANSITIONS]<!--{{!CSS3-TRANSITIONS}}--> </ a > .
913913
914914 < p > For a keyframed animation, the ‘< a
915915 href ="#animation-timing-function "> < code
@@ -1794,9 +1794,7 @@ <h3 class=no-num id=normative-references>Normative references</h3>
17941794 <!--begin-normative-->
17951795 <!-- Sorted by label -->
17961796
1797- < dl class =bibliography >
1798- < dd style ="display: none "> <!-- keeps the doc valid if the DL is empty -->
1799- <!---->
1797+ < dl class =bibliography > <!---->
18001798
18011799 < dt id =CSS21 > [CSS21]
18021800
@@ -1811,10 +1809,10 @@ <h3 class=no-num id=normative-references>Normative references</h3>
18111809 < dt id =CSS3-TRANSITIONS > [CSS3-TRANSITIONS]
18121810
18131811 < dd > Dean Jackson; et al. < a
1814- href ="http://www.w3.org/TR/2013/WD-css3-transitions-20130212 / "> < cite > CSS
1815- Transitions.</ cite > </ a > 12 February 2013. W3C Working Draft. (Work in
1812+ href ="http://www.w3.org/TR/2013/WD-css3-transitions-20131119 / "> < cite > CSS
1813+ Transitions.</ cite > </ a > 19 November 2013. W3C Working Draft. (Work in
18161814 progress.) URL: < a
1817- href ="http://www.w3.org/TR/2013/WD-css3-transitions-20130212 / "> http://www.w3.org/TR/2013/WD-css3-transitions-20130212 /</ a >
1815+ href ="http://www.w3.org/TR/2013/WD-css3-transitions-20131119 / "> http://www.w3.org/TR/2013/WD-css3-transitions-20131119 /</ a >
18181816 </ dd >
18191817 <!---->
18201818 </ dl >
@@ -1824,17 +1822,15 @@ <h3 class=no-num id=other-references>Other references</h3>
18241822 <!--begin-informative-->
18251823 <!-- Sorted by label -->
18261824
1827- < dl class =bibliography >
1828- < dd style ="display: none "> <!-- keeps the doc valid if the DL is empty -->
1829- <!---->
1825+ < dl class =bibliography > <!---->
18301826
18311827 < dt id =CSS3CASCADE > [CSS3CASCADE]
18321828
1833- < dd > Håkon Wium Lie; Elika J. Etemad ; Tab Atkins Jr. < a
1834- href ="http://www.w3.org/TR/2013/WD-css3 -cascade-20130103 / "> < cite > CSS
1835- Cascading and Inheritance Level 3.</ cite > </ a > 3 January 2013. W3C Working
1836- Draft . (Work in progress.) URL: < a
1837- href ="http://www.w3.org/TR/2013/WD-css3 -cascade-20130103 / "> http://www.w3.org/TR/2013/WD-css3 -cascade-20130103 /</ a >
1829+ < dd > Håkon Wium Lie; fantasai ; Tab Atkins Jr. < a
1830+ href ="http://www.w3.org/TR/2013/CR-css -cascade-3-20131003 / "> < cite > CSS
1831+ Cascading and Inheritance Level 3.</ cite > </ a > 3 October 2013. W3C
1832+ Candidate Recommendation . (Work in progress.) URL: < a
1833+ href ="http://www.w3.org/TR/2013/CR-css -cascade-3-20131003 / "> http://www.w3.org/TR/2013/CR-css -cascade-3-20131003 /</ a >
18381834 </ dd >
18391835 <!---->
18401836
0 commit comments