- From: Bert Bos via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 13 Jan 2012 18:45:03 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-background
In directory hutz:/tmp/cvs-serv9850
Modified Files:
Overview.src.html
Log Message:
Added "Animatable:" lines for all properties. (Please check if they
make sense!) Also added a section explaining that animated transitions
between values depend on the css3-transitions module, which is likely
not to be REC before Backgrounds and Borders itself. (See ISSUE-210.)
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-background/Overview.src.html,v
retrieving revision 1.275
retrieving revision 1.276
diff -u -d -r1.275 -r1.276
--- Overview.src.html 12 Jan 2012 18:42:29 -0000 1.275
+++ Overview.src.html 13 Jan 2012 18:45:01 -0000 1.276
@@ -30,7 +30,7 @@
<dt>Latest version:
<dd><a
href="http://www.w3.org/TR/css3-background">[LATEST]</a>
- <dt>Previous versions:
+ <dt>Previous version:
<dd><a href="http://www.w3.org/TR/2011/CR-css3-background-20110215/">http://www.w3.org/TR/2011/CR-css3-background-20110215/</a>
<dt id="editors-list">Editors:
<dd><a href="mailto:bert@w3.org">Bert Bos</a> (<a
@@ -144,6 +144,18 @@
keyword as their property value. For readability it has not been repeated
explicitly.
+<h3 id=animations>Animated values</h3>
+
+<p class=issue>[Proposed text for <a
+href="http://www.w3.org/Style/CSS/Tracker/issues/210" >ISSUE-210.]</a>
+It is expected that CSS will include ways to animate transitions
+between styles. The section <a
+href="http://www.w3.org/TR/css3-transitions/#animation-of-property-types-"
+>“Animation of property types”</a> of the <cite>CSS Transitions
+module</cite> [[CSS3-TRANSITIONS]] will then define how different
+kinds of values are interpolated during a transition. In anticipation
+of that, this module includes a line “Animatable” for each property,
+which specifies if the property can be animated or not.
<h2 id="backgrounds">
Backgrounds</h2>
@@ -229,6 +241,9 @@
<tr>
<th>Computed value:
<td>the computed color(s)
+ <tr>
+ <th>Animatable:
+ <td>yes
</table>
<p>This property sets the <span class=index
@@ -271,6 +286,9 @@
<tr>
<th>Computed value:
<td>as specified, but with URIs made absolute
+ <tr>
+ <th>Animatable:
+ <td>only images that are gradients specified in CSS [[CSS3-IMAGES]]
</table>
<p>This property sets the background image(s) of an element. Images
@@ -357,6 +375,9 @@
<tr>
<th>Computed value:
<td>as specified
+ <tr>
+ <th>Animatable:
+ <td>no
</table>
<p>Specifies how background images are tiled after they have been
@@ -512,6 +533,9 @@
<tr>
<th>Computed value:
<td>as specified
+ <tr>
+ <th>Animatable:
+ <td>no
</table>
<p>If background images are specified, this property specifies whether
@@ -624,6 +648,9 @@
<td>Two keywords representing the origin and two offsets from that
origin, each given as an absolute length (if given a <length>),
otherwise as a percentage.
+ <tr>
+ <th>Animatable:
+ <td>no
</table>
<p>If background images have been specified, this property specifies
@@ -807,6 +834,9 @@
<tr>
<th>Computed value:
<td>same as specified value
+ <tr>
+ <th>Animatable:
+ <td>no
</table>
<p>Determines the <dfn id="background-painting-area">background painting
@@ -875,6 +905,9 @@
<tr>
<th>Computed value:
<td>same as specified value
+ <tr>
+ <th>Animatable:
+ <td>no
</table>
<p>For elements rendered as a single box, specifies the
@@ -941,6 +974,9 @@
<tr>
<th>Computed value:
<td>for <length> the absolute value, otherwise as specified
+ <tr>
+ <th>Animatable:
+ <td>no
</table>
<p>Specifies the size of the background images. Where
@@ -1160,6 +1196,9 @@
<tr>
<th>Computed value:
<td>see individual properties
+ <tr>
+ <th>Animatable:
+ <td>see individual properties
</table>
<p>Where
@@ -1379,6 +1418,9 @@
<tr>
<th>Computed value:
<td>the computed color
+ <tr>
+ <th>Animatable:
+ <td>yes
</table>
<table class="propdef">
@@ -1406,6 +1448,9 @@
<tr>
<th>Computed value:
<td>see individual properties
+ <tr>
+ <th>Animatable:
+ <td>see individual properties
</table>
<p>These properties set the foreground color of the border specified
@@ -1449,6 +1494,9 @@
<tr>
<th>Computed value:
<td>specified value
+ <tr>
+ <th>Animatable:
+ <td>no
</table>
<table class="propdef">
@@ -1476,6 +1524,9 @@
<tr>
<th>Computed value:
<td>see individual properties
+ <tr>
+ <th>Animatable:
+ <td>see individual properties
</table>
<p>These properties set the style of the border, unless there is a
@@ -1592,6 +1643,9 @@
<tr>
<th>Computed value:
<td>absolute length; '0' if the border style is 'none' or 'hidden'
+ <tr>
+ <th>Animatable:
+ <td>yes
</table>
<table class="propdef">
@@ -1619,6 +1673,9 @@
<tr>
<th>Computed value:
<td>see individual properties
+ <tr>
+ <th>Animatable:
+ <td>see individual properties
</table>
<p>These properties set the thickness of the border.
@@ -1678,6 +1735,9 @@
<tr>
<th>Computed value:
<td>see individual properties
+ <tr>
+ <th>Animatable:
+ <td>see individual properties
</table>
<p>This is a shorthand property for setting the width, style, and
@@ -1711,6 +1771,9 @@
<tr>
<th>Computed value:
<td>see individual properties
+ <tr>
+ <th>Animatable:
+ <td>see individual properties
</table>
<p>The 'border' property is a shorthand property for setting the same width,
@@ -1806,6 +1869,9 @@
<tr>
<th>Computed value:
<td>two absolute <length> or percentages
+ <tr>
+ <th>Animatable:
+ <td>yes
</table>
<table class=propdef>
@@ -1836,6 +1902,9 @@
<tr>
<th>Computed value:
<td>see individual properties
+ <tr>
+ <th>Animatable:
+ <td>see individual properties
</table>
<p>The two length or percentage values of the 'border-*-radius'
@@ -2195,6 +2264,9 @@
<tr>
<th>Computed value:
<td>''none'' or the image with its URI made absolute
+ <tr>
+ <th>Animatable:
+ <td>only if the image is a gradient specified in CSS [[CSS3-IMAGES]]
</table>
<p>Specifies an image to use instead of the border styles given by the
@@ -2231,6 +2303,9 @@
<tr>
<th>Computed value:
<td>as specified
+ <tr>
+ <th>Animatable:
+ <td>no
</table>
<p>This property specifies inward offsets from the top, right, bottom,
@@ -2323,6 +2398,9 @@
<tr>
<th>Computed value:
<td>all <var><length></var>s made absolute, otherwise as specified
+ <tr>
+ <th>Animatable:
+ <td>no
</table>
<p>The border image is drawn inside an area called the
@@ -2397,6 +2475,9 @@
<tr>
<th>Computed value:
<td>all <var><length></var>s made absolute, otherwise as specified
+ <tr>
+ <th>Animatable:
+ <td>no
</table>
@@ -2447,6 +2528,9 @@
<tr>
<th>Computed value:
<td>as specified
+ <tr>
+ <th>Animatable:
+ <td>no
</table>
<p>This property specifies how the images for the sides and the middle
@@ -2580,6 +2664,9 @@
<tr>
<th>Computed value:
<td>See individual properties
+ <tr>
+ <th>Animatable:
+ <td>See individual properties
</table>
<p>This is a shorthand property for setting 'border-image-source',
@@ -2615,6 +2702,9 @@
<tr>
<th>Computed value:
<td>as specified
+ <tr>
+ <th>Animatable:
+ <td>no
</table>
<p>When a box is broken at a page break, column break, or, for inline
@@ -2717,6 +2807,10 @@
<tr>
<th>Computed value:
<td>any <length> made absolute; any color computed; otherwise as specified
+ <tr>
+ <th>Animatable:
+ <td>yes (transition to/from an absent shadow is a transition
+ to/from '0 0 transparent')
</table>
<p>The 'box-shadow' property attaches one or more drop-shadows
Received on Friday, 13 January 2012 18:45:10 UTC