You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
</pre>This will cause the <codeclass="property">'opacity'</code> property to transition over a period of two seconds and the left property to transition over a period of four seconds.
140
140
</div>
141
141
142
-
<p>
142
+
<pid="list-matching">
143
143
In the case where the lists of values in transition properties
144
144
do not have the same length, the length of the
145
145
'transition-property' list determines the number of items in
@@ -793,6 +793,21 @@ <h2 id="starting">
793
793
transition from 'green' to 'blue' takes 1 second.
794
794
</p>
795
795
</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
+
796
811
<p>
797
812
Since this specification does not define
798
813
when computed values change, and thus what changes to
0 commit comments