transition-interrupt

Author: KevinDoughty

css-transitions-1/Overview.bs

@@ -376,6 +376,40 @@ Value Definitions {#values}
         Animation type: not animatable
       </pre>
 
+<span id="the-transition-interrupt-property-">The 'transition-interrupt' Property</span> {#transition-interrupt-property}
+-------------------------------------------------------------------------------------------------------------
+
+      <p>
+        The 'transition-interrupt' property specifies if relative conversion of values and accumulative compositing should be used.
+      </p>
+      <pre class="propdef">
+        Name: transition-interrupt
+        Value: <<single-transition-interrupt>>#
+        Initial: regular
+        Applies to: all elements
+        Inherited: no
+        Percentages: N/A
+        Computed value: as specified
+        Animation type: not animatable
+      </pre>
+      <dfn>&lt;single-transition-interrupt></dfn> = regular | special
+      <dl dfn-type=value dfn-for=transition-interrupt>
+        <dt><dfn>regular</dfn>
+        <dd>
+          If this property is set to ''regular'',
+          interruption of an in-progress transition is
+          handled by replacing the previous with a new
+          transition that begins where the previous left off.
+        <dt><dfn>special</dfn>
+        <dd>
+          If this property is set to ''special'',
+          interruption of an in-progress transition
+          is handled by blending together existing
+          transitions with a new one, using
+          accumulative compositing of relative values.
+      </dl>
+
+
 <span id="the-transition-shorthand-property-">The 'transition' Shorthand Property</span> {#transition-shorthand-property}
 -------------------------------------------------------------------------------------------------------------------------
 
@@ -655,8 +689,8 @@ Starting of transitions {#starting}
           <li>
             the element does not have a <a>completed transition</a>
             for the property
-            or the <a>end value</a> of the <a>completed transition</a>
-            is different from the <a>after-change style</a> for the property,
+            with an <a>end value</a>
+            the same as the <a>after-change style</a> for the property,
           </li>
           <li>
             there is a <a>matching transition-property value</a>, and
@@ -666,7 +700,8 @@ Starting of transitions {#starting}
           </li>
         </ul>
         then implementations must
-        remove the <a>completed transition</a> (if present) from the set
+        remove all <a>completed transitions</a>
+        for the property (if present) from the set
         of completed transitions and
         start a transition whose:
         <ul>
@@ -700,21 +735,21 @@ Starting of transitions {#starting}
       </li>
       <li>
         Otherwise,
-        if the element has a <a>completed transition</a> for the property
-        and the <a>end value</a> of the <a>completed transition</a>
-        is different from the <a>after-change style</a> for the property,
+        if the element has any <a>completed transition</a> for the property
+        with an <a>end value</a> of the <a>completed transition</a>
+        different from the <a>after-change style</a> for the property,
         then implementations must
-        remove the <a>completed transition</a> from the set of
+        remove those <a>completed transitions</a> from the set of all
         <a>completed transitions</a>.
       </li>
       <li>
-        If the element has a <a>running transition</a> or
-        <a>completed transition</a> for the property,
+        If the element has any <a>running transitions</a> or
+        <a>completed transitions</a> for the property,
         and there is <strong>not</strong>
         a <a>matching transition-property value</a>,
         then implementations must
-        <a>cancel</a> the <a>running transition</a>
-        or remove the <a>completed transition</a> from the set of
+        <a>cancel</a> the <a>running transitions</a>
+        or remove the <a>completed transitions</a> from the set of all
         <a>completed transitions</a>.
       </li>
       <li>