changeset
[css-transitions] Note issue with wording of previous large edit.
Tue, 22 Oct 2013 11:45:08 +0200
- author
- L. David Baron <dbaron@dbaron.org>
- date
- Tue, 22 Oct 2013 11:45:08 +0200
- changeset 9406
- 3d943f796fee
- parent 9405
- de544e31eaca
- child 9407
- b8cdbb485577
[css-transitions] Note issue with wording of previous large edit.
| css-transitions/Overview.html | file | annotate | diff | comparison | revisions | |
| css-transitions/Overview.src.html | file | annotate | diff | comparison | revisions |
1.1 --- a/css-transitions/Overview.html Tue Oct 22 02:23:47 2013 -0700 1.2 +++ b/css-transitions/Overview.html Tue Oct 22 11:45:08 2013 +0200 1.3 @@ -10,7 +10,7 @@ 1.4 rel=dcterms.rights> 1.5 <meta content="CSS Transitions" name=dcterms.title> 1.6 <meta content=text name=dcterms.type> 1.7 - <meta content=2013-09-10 name=dcterms.date> 1.8 + <meta content=2013-10-22 name=dcterms.date> 1.9 <meta content="L. David Baron" name=dcterms.creator> 1.10 <meta content=W3C name=dcterms.publisher> 1.11 <meta content="http://dev.w3.org/csswg/css3-transitions/" 1.12 @@ -40,8 +40,7 @@ 1.13 1.14 <h1>CSS Transitions</h1> 1.15 1.16 - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 10 September 1.17 - 2013</h2> 1.18 + <h2 class="no-num no-toc">Editor's Draft 22 October 2013</h2> 1.19 1.20 <dl> 1.21 <dt>This version: 1.22 @@ -352,7 +351,7 @@ 1.23 For information on how to avoid content that can lead to seizures, see <a 1.24 href="http://www.w3.org/TR/WCAG20/#seizure">Guideline 2.3: Seizures: Do 1.25 not design content in a way that is known to cause seizures</a> (<a 1.26 - href="#WCAG20" rel=biblioentry>[WCAG20]<!--{{WCAG20}}--></a>).</p> 1.27 + href="#ref-WCAG20" rel=biblioentry>[WCAG20]<!--{{WCAG20}}--></a>).</p> 1.28 <!-- ======================================================================================================= --> 1.29 1.30 <h3 id=transition-property-property><span class=secno>2.1. </span><a 1.31 @@ -974,17 +973,20 @@ 1.32 id=before-change-style>before-change style</dfn> as the computed style for 1.33 the element as of the previous <a href="#style-change-event">style change 1.34 event</a>, except with any styles derived from declarative animations such 1.35 - as CSS Transitions, CSS Animations (<a href="#CSS3-ANIMATIONS" 1.36 + as CSS Transitions, CSS Animations (<a href="#ref-CSS3-ANIMATIONS" 1.37 rel=biblioentry>[CSS3-ANIMATIONS]<!--{{CSS3-ANIMATIONS}}--></a>), and SMIL 1.38 - Animations (<a href="#SMIL-ANIMATION" 1.39 + Animations (<a href="#ref-SMIL-ANIMATION" 1.40 rel=biblioentry>[SMIL-ANIMATION]<!--{{SMIL-ANIMATION}}--></a>, <a 1.41 - href="#SVG11" rel=biblioentry>[SVG11]<!--{{SVG11}}--></a>) updated to the 1.42 - current time. Likewise, define the <dfn id=after-change-style>after-change 1.43 - style</dfn> as the computed style for the element based on the information 1.44 - known at the start of that <a href="#style-change-event">style change 1.45 - event</a>, in other words, excluding any changes resulting from CSS 1.46 - Transitions that start during that <a href="#style-change-event">style 1.47 - change event</a>. 1.48 + href="#ref-SVG11" rel=biblioentry>[SVG11]<!--{{SVG11}}--></a>) updated to 1.49 + the current time. Likewise, define the <dfn 1.50 + id=after-change-style>after-change style</dfn> as the computed style for 1.51 + the element based on the information known at the start of that <a 1.52 + href="#style-change-event">style change event</a>, in other words, 1.53 + excluding any changes resulting from CSS Transitions that start during 1.54 + that <a href="#style-change-event">style change event</a>. 1.55 + 1.56 + <p class=issue> This wording needs to handle already-running transitions 1.57 + better! 1.58 1.59 <div class=note> 1.60 <p> Note that this definition of the <a 1.61 @@ -999,7 +1001,8 @@ 1.62 1.63 <p> When this happens, both transitions will run, and the transition on 1.64 the descendant will override the transition on the ancestor because of 1.65 - the normal CSS cascading and inheritance rules (<a href="#CSS3CASCADE" 1.66 + the normal CSS cascading and inheritance rules (<a 1.67 + href="#ref-CSS3CASCADE" 1.68 rel=biblioentry>[CSS3CASCADE]<!--{{CSS3CASCADE}}--></a>). 1.69 1.70 <p> If the transition on the descendant completes before the transition on 1.71 @@ -1067,7 +1070,7 @@ 1.72 <p> When a property on an element is undergoing a transition (that is, when 1.73 or after the transition has started and before the <a href="#end-time">end 1.74 time</a> of the transition) the transition adds a style to the CSS cascade 1.75 - at the level defined for CSS Transitions in <a href="#CSS3CASCADE" 1.76 + at the level defined for CSS Transitions in <a href="#ref-CSS3CASCADE" 1.77 rel=biblioentry>[CSS3CASCADE]<!--{{CSS3CASCADE}}--></a>. 1.78 1.79 <p class=note> Note that this means that computed values resulting from CSS 1.80 @@ -1077,7 +1080,7 @@ 1.81 1.82 <p> Implementations must add this value to the cascade if and only if that 1.83 property is not currently undergoing a CSS Animation (<a 1.84 - href="#CSS3-ANIMATIONS" 1.85 + href="#ref-CSS3-ANIMATIONS" 1.86 rel=biblioentry>[CSS3-ANIMATIONS]<!--{{CSS3-ANIMATIONS}}--></a>) on the 1.87 same element. 1.88 1.89 @@ -1379,7 +1382,7 @@ 1.90 <li id=animtype-gradient> <strong>gradient</strong>: interpolated via the 1.91 positions and colors of each stop. They must have the same type (radial 1.92 or linear) and same number of stops in order to be animated. <span 1.93 - class=note>Note: <a href="#CSS3-IMAGES" 1.94 + class=note>Note: <a href="#ref-CSS3-IMAGES" 1.95 rel=biblioentry>[CSS3-IMAGES]<!--{{CSS3-IMAGES}}--></a> may extend this 1.96 definition.</span> 1.97 1.98 @@ -1437,8 +1440,9 @@ 1.99 the definition of animation behavior in a more appropriate location, 1.100 future CSS specifications should include an "Animatable:" line in the 1.101 summary of the property's definition (in addition to the other lines 1.102 - described in <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>, 1.103 - <a href="http://www.w3.org/TR/CSS21/about.html#property-defs">section 1.104 + described in <a href="#ref-CSS21" 1.105 + rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>, <a 1.106 + href="http://www.w3.org/TR/CSS21/about.html#property-defs">section 1.107 1.4.2</a>). This line should say "no" to indicate that a property cannot 1.108 be animated or should reference an animation behavior (which may be one of 1.109 the behaviors in the <a href="#animation-of-property-types-">Animation of 1.110 @@ -1450,9 +1454,9 @@ 1.111 id=properties-from-css-> Properties from CSS </a></h3> 1.112 1.113 <p> The following definitions define the animation behavior for properties 1.114 - in CSS Level 2 Revision 1 (<a href="#CSS21" 1.115 + in CSS Level 2 Revision 1 (<a href="#ref-CSS21" 1.116 rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>) and in Level 3 of the CSS 1.117 - Color Module (<a href="#CSS3COLOR" 1.118 + Color Module (<a href="#ref-CSS3COLOR" 1.119 rel=biblioentry>[CSS3COLOR]<!--{{CSS3COLOR}}--></a>). 1.120 1.121 <table class=animatable-properties> 1.122 @@ -1819,7 +1823,7 @@ 1.123 <dd style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.124 <!----> 1.125 1.126 - <dt id=CSS21>[CSS21] 1.127 + <dt id=ref-CSS21>[CSS21] 1.128 1.129 <dd>Bert Bos; et al. <a 1.130 href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style 1.131 @@ -1829,7 +1833,7 @@ 1.132 </dd> 1.133 <!----> 1.134 1.135 - <dt id=CSS3-ANIMATIONS>[CSS3-ANIMATIONS] 1.136 + <dt id=ref-CSS3-ANIMATIONS>[CSS3-ANIMATIONS] 1.137 1.138 <dd>Dean Jackson; et al. <a 1.139 href="http://www.w3.org/TR/2013/WD-css3-animations-20130219/"><cite>CSS 1.140 @@ -1839,7 +1843,7 @@ 1.141 </dd> 1.142 <!----> 1.143 1.144 - <dt id=CSS3-IMAGES>[CSS3-IMAGES] 1.145 + <dt id=ref-CSS3-IMAGES>[CSS3-IMAGES] 1.146 1.147 <dd>Elika J. Etemad; Tab Atkins Jr. <a 1.148 href="http://www.w3.org/TR/2012/CR-css3-images-20120417/"><cite>CSS Image 1.149 @@ -1849,17 +1853,17 @@ 1.150 </dd> 1.151 <!----> 1.152 1.153 - <dt id=CSS3CASCADE>[CSS3CASCADE] 1.154 - 1.155 - <dd>Håkon Wium Lie; Elika J. Etemad; Tab Atkins Jr. <a 1.156 - href="http://www.w3.org/TR/2013/WD-css3-cascade-20130103/"><cite>CSS 1.157 - Cascading and Inheritance Level 3.</cite></a> 3 January 2013. W3C Working 1.158 - Draft. (Work in progress.) URL: <a 1.159 - href="http://www.w3.org/TR/2013/WD-css3-cascade-20130103/">http://www.w3.org/TR/2013/WD-css3-cascade-20130103/</a> 1.160 + <dt id=ref-CSS3CASCADE>[CSS3CASCADE] 1.161 + 1.162 + <dd>Håkon Wium Lie; fantasai; Tab Atkins Jr. <a 1.163 + href="http://www.w3.org/TR/2013/CR-css-cascade-3-20131003/"><cite>CSS 1.164 + Cascading and Inheritance Level 3.</cite></a> 3 October 2013. W3C 1.165 + Candidate Recommendation. (Work in progress.) URL: <a 1.166 + href="http://www.w3.org/TR/2013/CR-css-cascade-3-20131003/">http://www.w3.org/TR/2013/CR-css-cascade-3-20131003/</a> 1.167 </dd> 1.168 <!----> 1.169 1.170 - <dt id=CSS3COLOR>[CSS3COLOR] 1.171 + <dt id=ref-CSS3COLOR>[CSS3COLOR] 1.172 1.173 <dd>Tantek Çelik; Chris Lilley; L. David Baron. <a 1.174 href="http://www.w3.org/TR/2011/REC-css3-color-20110607"><cite>CSS Color 1.175 @@ -1868,7 +1872,7 @@ 1.176 </dd> 1.177 <!----> 1.178 1.179 - <dt id=SMIL-ANIMATION>[SMIL-ANIMATION] 1.180 + <dt id=ref-SMIL-ANIMATION>[SMIL-ANIMATION] 1.181 1.182 <dd>Patrick Schmitz; Aaron Cohen. <a 1.183 href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL 1.184 @@ -1877,7 +1881,7 @@ 1.185 </dd> 1.186 <!----> 1.187 1.188 - <dt id=SVG11>[SVG11] 1.189 + <dt id=ref-SVG11>[SVG11] 1.190 1.191 <dd>Erik Dahlström; et al. <a 1.192 href="http://www.w3.org/TR/2011/REC-SVG11-20110816/"><cite>Scalable 1.193 @@ -1887,7 +1891,7 @@ 1.194 </dd> 1.195 <!----> 1.196 1.197 - <dt id=WCAG20>[WCAG20] 1.198 + <dt id=ref-WCAG20>[WCAG20] 1.199 1.200 <dd>Ben Caldwell; et al. <a 1.201 href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/"><cite>Web Content
2.1 --- a/css-transitions/Overview.src.html Tue Oct 22 02:23:47 2013 -0700 2.2 +++ b/css-transitions/Overview.src.html Tue Oct 22 11:45:08 2013 +0200 2.3 @@ -977,6 +977,10 @@ 2.4 that start during that <span>style change event</span>. 2.5 </p> 2.6 2.7 + <p class="issue"> 2.8 + This wording needs to handle already-running transitions better! 2.9 + </p> 2.10 + 2.11 <div class="note"> 2.12 <p> 2.13 Note that this definition of the <span>after-change style</span>
