Define that transitions don't happen when duration and delay are both 0.

Tue, 27 Mar 2012 11:38:42 -0700

author
L. David Baron <dbaron@dbaron.org>
date
Tue, 27 Mar 2012 11:38:42 -0700
changeset 5247
55af7083a60d
parent 5246
134ceee7535a
child 5248
7a785541c719

Define that transitions don't happen when duration and delay are both 0.

This fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=15838
as proposed in
http://lists.w3.org/Archives/Public/www-style/2012Mar/0013.html and
resolved in the 2012 February 29 teleconference (minutes at
http://lists.w3.org/Archives/Public/www-style/2012Mar/0013.html ).

css3-transitions/Overview.html file | annotate | diff | comparison | revisions
css3-transitions/Overview.src.html file | annotate | diff | comparison | revisions
     1.1 --- a/css3-transitions/Overview.html	Tue Mar 27 11:28:06 2012 -0700
     1.2 +++ b/css3-transitions/Overview.html	Tue Mar 27 11:38:42 2012 -0700
     1.3 @@ -282,8 +282,8 @@
     1.4     transition over a period of two seconds and the left property to
     1.5     transition over a period of four seconds.</div>
     1.6  
     1.7 -  <p> In the case where the lists of values in transition properties do not
     1.8 -   have the same length, the length of the &lsquo;<a
     1.9 +  <p id=list-matching> In the case where the lists of values in transition
    1.10 +   properties do not have the same length, the length of the &lsquo;<a
    1.11     href="#transition-property"><code
    1.12     class=property>transition-property</code></a>&rsquo; list determines the
    1.13     number of items in each list examined when starting transitions. The lists
    1.14 @@ -839,6 +839,26 @@
    1.15      class=property>blue</code>&rsquo; takes 1 second.</p>
    1.16    </div>
    1.17  
    1.18 +  <p> When the computed value of a property changes, implementations must
    1.19 +   start transitions based on the relevant item (see <a
    1.20 +   href="#transition-property">the definition &lsquo;<code
    1.21 +   class=property>transition-property</code>&rsquo;</a>) in the computed
    1.22 +   value of &lsquo;<a href="#transition-property"><code
    1.23 +   class=property>transition-property</code></a>&rsquo;. When the
    1.24 +   corresponding value (see <a href="#list-matching">the rules on matching
    1.25 +   lists</a>) of either &lsquo;<a href="#transition-duration"><code
    1.26 +   class=property>transition-duration</code></a>&rsquo; or &lsquo;<a
    1.27 +   href="#transition-delay"><code
    1.28 +   class=property>transition-delay</code></a>&rsquo; is greater than
    1.29 +   &lsquo;<code class=css>0s</code>&rsquo;, then a transition starts based on
    1.30 +   the values of &lsquo;<a href="#transition-duration"><code
    1.31 +   class=property>transition-duration</code></a>&rsquo;, &lsquo;<a
    1.32 +   href="#transition-delay"><code
    1.33 +   class=property>transition-delay</code></a>&rsquo;, and &lsquo;<a
    1.34 +   href="#transition-timing-function"><code
    1.35 +   class=property>transition-timing-function</code></a>&rsquo;; in other
    1.36 +   cases transitions do not occur.
    1.37 +
    1.38    <p> Since this specification does not define when computed values change,
    1.39     and thus what changes to computed values are considered simultaneous,
    1.40     authors should be aware that changing any of the transition properties a
     2.1 --- a/css3-transitions/Overview.src.html	Tue Mar 27 11:28:06 2012 -0700
     2.2 +++ b/css3-transitions/Overview.src.html	Tue Mar 27 11:38:42 2012 -0700
     2.3 @@ -139,7 +139,7 @@
     2.4    </pre>This will cause the <code class="property">'opacity'</code> property to transition over a period of two seconds and the left property to transition over a period of four seconds.
     2.5        </div>
     2.6  
     2.7 -      <p>
     2.8 +      <p id="list-matching">
     2.9          In the case where the lists of values in transition properties
    2.10          do not have the same length, the length of the
    2.11          'transition-property' list determines the number of items in
    2.12 @@ -793,6 +793,21 @@
    2.13            transition from 'green' to 'blue' takes 1 second.
    2.14          </p>
    2.15        </div>
    2.16 +
    2.17 +      <p>
    2.18 +        When the computed value of a property changes, implementations
    2.19 +        must start transitions based on the relevant item (see <a
    2.20 +        href="#transition-property">the definition
    2.21 +        'transition-property'</a>) in the computed value of
    2.22 +        'transition-property'.  When the corresponding value (see <a
    2.23 +        href="#list-matching">the rules on matching lists</a>) of either
    2.24 +        'transition-duration' or 'transition-delay' is greater than
    2.25 +        '0s', then a transition starts based on the values of
    2.26 +        'transition-duration', 'transition-delay', and
    2.27 +        'transition-timing-function'; in other cases transitions do not
    2.28 +        occur.
    2.29 +      </p>
    2.30 +
    2.31        <p>
    2.32          Since this specification does not define
    2.33          when computed values change, and thus what changes to

mercurial