Skip to content

Commit a8a0b2c

Browse files
committed
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 ).
1 parent b4daa4c commit a8a0b2c

2 files changed

Lines changed: 38 additions & 3 deletions

File tree

css3-transitions/Overview.html

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -282,8 +282,8 @@ <h2 id=transitions><span class=secno>2. </span>Transitions</h2>
282282
transition over a period of two seconds and the left property to
283283
transition over a period of four seconds.</div>
284284

285-
<p> In the case where the lists of values in transition properties do not
286-
have the same length, the length of the &lsquo;<a
285+
<p id=list-matching> In the case where the lists of values in transition
286+
properties do not have the same length, the length of the &lsquo;<a
287287
href="#transition-property"><code
288288
class=property>transition-property</code></a>&rsquo; list determines the
289289
number of items in each list examined when starting transitions. The lists
@@ -839,6 +839,26 @@ <h2 id=starting><span class=secno>3. </span> Starting of transitions</h2>
839839
class=property>blue</code>&rsquo; takes 1 second.</p>
840840
</div>
841841

842+
<p> When the computed value of a property changes, implementations must
843+
start transitions based on the relevant item (see <a
844+
href="#transition-property">the definition &lsquo;<code
845+
class=property>transition-property</code>&rsquo;</a>) in the computed
846+
value of &lsquo;<a href="#transition-property"><code
847+
class=property>transition-property</code></a>&rsquo;. When the
848+
corresponding value (see <a href="#list-matching">the rules on matching
849+
lists</a>) of either &lsquo;<a href="#transition-duration"><code
850+
class=property>transition-duration</code></a>&rsquo; or &lsquo;<a
851+
href="#transition-delay"><code
852+
class=property>transition-delay</code></a>&rsquo; is greater than
853+
&lsquo;<code class=css>0s</code>&rsquo;, then a transition starts based on
854+
the values of &lsquo;<a href="#transition-duration"><code
855+
class=property>transition-duration</code></a>&rsquo;, &lsquo;<a
856+
href="#transition-delay"><code
857+
class=property>transition-delay</code></a>&rsquo;, and &lsquo;<a
858+
href="#transition-timing-function"><code
859+
class=property>transition-timing-function</code></a>&rsquo;; in other
860+
cases transitions do not occur.
861+
842862
<p> Since this specification does not define when computed values change,
843863
and thus what changes to computed values are considered simultaneous,
844864
authors should be aware that changing any of the transition properties a

css3-transitions/Overview.src.html

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -139,7 +139,7 @@ <h2 id="transitions">Transitions</h2>
139139
</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.
140140
</div>
141141

142-
<p>
142+
<p id="list-matching">
143143
In the case where the lists of values in transition properties
144144
do not have the same length, the length of the
145145
'transition-property' list determines the number of items in
@@ -793,6 +793,21 @@ <h2 id="starting">
793793
transition from 'green' to 'blue' takes 1 second.
794794
</p>
795795
</div>
796+
797+
<p>
798+
When the computed value of a property changes, implementations
799+
must start transitions based on the relevant item (see <a
800+
href="#transition-property">the definition
801+
'transition-property'</a>) in the computed value of
802+
'transition-property'. When the corresponding value (see <a
803+
href="#list-matching">the rules on matching lists</a>) of either
804+
'transition-duration' or 'transition-delay' is greater than
805+
'0s', then a transition starts based on the values of
806+
'transition-duration', 'transition-delay', and
807+
'transition-timing-function'; in other cases transitions do not
808+
occur.
809+
</p>
810+
796811
<p>
797812
Since this specification does not define
798813
when computed values change, and thus what changes to

0 commit comments

Comments
 (0)