W3C home > Mailing lists > Public > public-css-commits@w3.org > January 2012

csswg/css3-background Overview.src.html,1.275,1.276

From: Bert Bos via cvs-syncmail <cvsmail@w3.org>
Date: Fri, 13 Jan 2012 18:45:03 +0000
To: public-css-commits@w3.org
Message-Id: <E1Rlm7b-0002ZY-JT@lionel-hutz.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 &lt;length&gt;),
         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 &lt;length&gt; 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&nbsp;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&nbsp;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 &lt;length&gt; 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>&lt;length&gt;</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>&lt;length&gt;</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 &lt;length&gt; 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

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 19:26:09 UTC