- From: Dean Jackson via cvs-syncmail <cvsmail@w3.org>
- Date: Mon, 25 Jul 2011 00:35:31 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-transitions
In directory hutz:/tmp/cvs-serv13224
Modified Files:
ChangeLog Overview.html Overview.src.html
Log Message:
2011-07-24 dino@apple.com
- Inverted range of visibility property (Sylvain feedback 28 April)
- Zero times now have the unit specifier (dbaron feedback 11 April)
- Lists repeat if possible in transitions (Sylvain feedback 7 April)
Also, removed "space-separated" from that section. Lists can be
comma-separated too.
Index: ChangeLog
===================================================================
RCS file: /sources/public/csswg/css3-transitions/ChangeLog,v
retrieving revision 1.14
retrieving revision 1.15
diff -u -d -r1.14 -r1.15
--- ChangeLog 5 Apr 2011 19:25:35 -0000 1.14
+++ ChangeLog 25 Jul 2011 00:35:29 -0000 1.15
@@ -1,3 +1,11 @@
+2011-07-24 dino@apple.com
+
+- Inverted range of visibility property (Sylvain feedback 28 April)
+- Zero times now have the unit specifier (dbaron feedback 11 April)
+- Lists repeat if possible in transitions (Sylvain feedback 7 April)
+ Also, removed "space-separated" from that section. Lists can be
+ comma-separated too.
+
2011-04-05 dino@apple.com
- change shorthand transition description to say that *any* transitionable
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-transitions/Overview.html,v
retrieving revision 1.22
retrieving revision 1.23
diff -u -d -r1.22 -r1.23
--- Overview.html 3 Jun 2011 22:35:47 -0000 1.22
+++ Overview.html 25 Jul 2011 00:35:29 -0000 1.23
@@ -29,14 +29,14 @@
<h1>CSS Transitions</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 3 June 2011</h2>
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 July 2011</h2>
<dl>
<dt>This version:
- <dd> <a href="http://www.w3.org/TR/2011/ED-css3-transitions-20110603/">
+ <dd> <a href="http://www.w3.org/TR/2011/ED-css3-transitions-20110725/">
http://dev.w3.org/csswg/css3-transitions/</a>
- <!--http://www.w3.org/TR/2011/WD-css3-transitions-20110603-->
+ <!--http://www.w3.org/TR/2011/WD-css3-transitions-20110725-->
<dt>Latest version:
@@ -365,16 +365,6 @@
undergo a transition will do so. Otherwise, a list of properties to be
transitioned is given.
- <div class=issue> We need to generate a list of properties that can be
- transitioned.</div>
-
- <div class=issue> Is "none" even a useful value if the initial value is
- "all"? The syntax is more elegant if transition-duration defaults to 0 and
- this property defaults to "all", but another option is to default this
- property to "none" and duration to something reasonable, e.g., 250ms. This
- would force an author to specify transition-property in the shorthand all
- the time though.</div>
-
<p> If one of the identifiers listed is not a recognized property name or
is not an animatable property, the implementation must still start
transitions on the animatable properties in the list using the duration,
@@ -430,7 +420,7 @@
<tr>
<td> <em>Initial:</em>
- <td> 0
+ <td> 0s
<tr>
<td> <em>Applies to:</em>
@@ -460,10 +450,10 @@
<p> This property specifies how long the transition from the old value to
the new value should take. By default the value is ‘<code
- class=css>0</code>’, meaning that the transition is immediate (i.e.
+ class=css>0s</code>’, meaning that the transition is immediate (i.e.
there will be no animation). A negative value for <a class=prop-name
href="#transition-duration">transition-duration</a> is treated as
- ‘<code class=css>0</code>’.</p>
+ ‘<code class=css>0s</code>’.</p>
<!-- =======================================================================================================
-->
@@ -649,7 +639,7 @@
some some period of time from when it is applied. A <span
class=prop-name>‘<a href="#transition-delay"><code
class=property>transition-delay</code></a>’</span> value of
- ‘<code class=css>0</code>’ means the transition will execute
+ ‘<code class=css>0s</code>’ means the transition will execute
as soon as the property is changed. Otherwise, the value specifies an
offset from the moment the property is changed, and the transition will
delay execution by that offset.
@@ -680,7 +670,7 @@
<tr>
<td> <em>Initial:</em>
- <td> 0
+ <td> 0s
<tr>
<td> <em>Applies to:</em>
@@ -1088,8 +1078,8 @@
height components (treating each as a number).
<li> <strong>visibility</strong>: interpolated via a discrete step. The
- interpolation happens in real number space between 0 and 1, where 1 is
- "visible" and all other values are "hidden".
+ interpolation happens in real number space between 0 and 1, where 0 is
+ "hidden" and all other values are "visible".
<li> <strong>shadow</strong>: interpolated via the color, x, y and blur
components (treating them as color and numbers where appropriate). In the
@@ -1108,13 +1098,16 @@
between: gradient to gradient and color to color. They then work as
above.
- <li> <strong>space-separated list of above</strong>: If the lists have the
- same number of items, each item in the list is interpolated using the
- rules above. Otherwise, no interpolation (unless stated otherwise above).
- <span class=issue>For lists that represent a list of things to be cycled
- through (e.g., stroke-dasharray), it is straightforward to interpolate
- between lists of different lengths by repeating the two lists out to the
- least common multiple of their lengths.</span>
+ <li> <strong>list of above types</strong>: If the lists have the same
+ number of items, each item in the list is interpolated using the rules
+ above. Otherwise the interpolation is determined by the property rules.
+ If the property extends its list by repeating values, then this repeated
+ form will be used in the interpolation (<span
+ class=prop-name>‘<code
+ class=property>background-position</code>’</span> in an example of
+ a property that would transition between lists of different lengths). If
+ the property does not allow extending its list, then no interpolation
+ will occur.
<li> <strong>a shorthand property</strong>: If any part of a shorthand can
be animated, then interpolation is performed as if those animatable
@@ -1534,7 +1527,7 @@
<td><time> [, <time>]*
- <td>0
+ <td>0s
<td>all elements, :before and :after pseudo elements
@@ -1550,7 +1543,7 @@
<td><time> [, <time>]*
- <td>0
+ <td>0s
<td>all elements, :before and :after pseudo elements
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-transitions/Overview.src.html,v
retrieving revision 1.23
retrieving revision 1.24
diff -u -d -r1.23 -r1.24
--- Overview.src.html 3 Jun 2011 22:35:47 -0000 1.23
+++ Overview.src.html 25 Jul 2011 00:35:29 -0000 1.24
@@ -247,14 +247,6 @@
of properties to be transitioned is given.
</p>
- <div class="issue">
- We need to generate a list of properties that can be transitioned.
- </div>
-
- <div class="issue">
- Is "none" even a useful value if the initial value is "all"? The syntax is more elegant if transition-duration defaults to 0 and this property defaults to "all", but another option is to default this property to "none" and duration to something reasonable, e.g., 250ms. This would force an author to specify transition-property in the shorthand all the time though.
- </div>
-
<p>
If one of the identifiers listed is not a recognized property
name or is not an animatable property, the implementation must
@@ -313,7 +305,7 @@
<em>Initial:</em>
</td>
<td>
- 0
+ 0s
</td>
</tr>
<tr>
@@ -359,7 +351,7 @@
</tbody>
</table>
<p>
- This property specifies how long the transition from the old value to the new value should take. By default the value is '0', meaning that the transition is immediate (i.e. there will be no animation). A negative value for <span class="prop-name">transition-duration</span> is treated as '0'.
+ This property specifies how long the transition from the old value to the new value should take. By default the value is '0s', meaning that the transition is immediate (i.e. there will be no animation). A negative value for <span class="prop-name">transition-duration</span> is treated as '0s'.
</p>
<!-- =======================================================================================================
@@ -577,7 +569,7 @@
The <span class="prop-name">'transition-delay'</span> Property
</h3>
<p>
- The <span class="prop-name">'transition-delay'</span> property defines when the transition will start. It allows a transition to begin execution some some period of time from when it is applied. A <span class="prop-name">'transition-delay'</span> value of '0' means the transition will execute as soon as the property is changed. Otherwise, the value specifies an offset from the moment the property is changed, and the transition will delay execution by that offset.
+ The <span class="prop-name">'transition-delay'</span> property defines when the transition will start. It allows a transition to begin execution some some period of time from when it is applied. A <span class="prop-name">'transition-delay'</span> value of '0s' means the transition will execute as soon as the property is changed. Otherwise, the value specifies an offset from the moment the property is changed, and the transition will delay execution by that offset.
</p>
<p>
If the value for <span class="prop-name">'transition-delay'</span> is a negative time offset then the transition will execute the moment the property is changed, but will appear to have begun execution at the specified offset. That is, the transition will appear to begin part-way through its play cycle. In the case where a transition has implied starting values and a negative <span class="prop-name">'transition-delay'</span>, the starting values are taken from the moment the property is changed.
@@ -605,7 +597,7 @@
<em>Initial:</em>
</td>
<td>
- 0
+ 0s
</td>
</tr>
<tr>
@@ -1043,7 +1035,7 @@
<li>
<strong>color</strong>: interpolated via red, green, blue and alpha
components (treating each as a number, see below).
- <div class=issue>Issue: Are the colors interpolated in
+ <div class="issue">Issue: Are the colors interpolated in
premultiplied space or non-premultiplied space?</div>
</li>
<li>
@@ -1072,7 +1064,7 @@
<li>
<strong>visibility</strong>: interpolated via a discrete
step. The interpolation happens in real number space between 0 and 1,
- where 1 is "visible" and all other values are "hidden".
+ where 0 is "hidden" and all other values are "visible".
</li>
<li>
<strong>shadow</strong>: interpolated via the color, x, y
@@ -1094,15 +1086,15 @@
work as above.
</li>
<li>
- <strong>space-separated list of above</strong>: If the lists
- have the same number of items, each item in the list
- is interpolated using the rules above. Otherwise, no
- interpolation (unless stated otherwise above).
- <span class="issue">For lists that represent a list of things
- to be cycled through (e.g., stroke-dasharray), it is
- straightforward to interpolate between lists of different
- lengths by repeating the two lists out to the least common
- multiple of their lengths.</span>
+ <strong>list of above types</strong>: If the lists have the
+ same number of items, each item in the list is interpolated using the
+ rules above. Otherwise the interpolation is determined by the property
+ rules. If the property extends its list by repeating values, then this
+ repeated form will be used in the interpolation (<span
+ class="prop-name">'background-position'</span> in an example of a
+ property that would transition between lists of different lengths). If
+ the property does not allow extending its list, then no interpolation
+ will occur.
</li>
<li>
<strong>a shorthand property</strong>: If any part of a
Received on Monday, 25 July 2011 00:35:33 UTC