+ The 'transition-interrupt' property specifies if relative conversion of values and accumulative compositing should be used. +

+        Name: transition-interrupt
+        Value: <>#
+        Initial: regular
+        Applies to: all elements
+        Inherited: no
+        Percentages: N/A
+        Computed value: as specified
+        Animation type: not animatable
+      

+

regular +

+ 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. +

special +

+ 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. +

@@ -700,21 +735,21 @@ Starting of transitions {#starting}
• Otherwise, - if the element has a completed transition for the property - and the end value of the completed transition - is different from the after-change style for the property, + if the element has any completed transition for the property + with an end value of the completed transition + different from the after-change style for the property, then implementations must - remove the completed transition from the set of + remove those completed transitions from the set of all completed transitions.
• - If the element has a running transition or - completed transition for the property, + If the element has any running transitions or + completed transitions for the property, and there is not a matching transition-property value, then implementations must - cancel the running transition - or remove the completed transition from the set of + cancel the running transitions + or remove the completed transitions from the set of all completed transitions.
• diff --git a/css-values-4/Overview.bs b/css-values-4/Overview.bs index 7d69131b9e68..be995e16e66c 100644 --- a/css-values-4/Overview.bs +++ b/css-values-4/Overview.bs @@ -354,7 +354,7 @@ Property Value Examples

  -Combining Values: Interpolation, Addition, and Accumulation

  +Combining Values: Interpolation, Addition, Accumulation, and Subtraction Some procedures, for example transitions @@ -432,6 +432,25 @@ Combining Values: Interpolation, Addition, and Accumulation when added together would produce ''blur(2) blur(3)'', but when accumulated would produce ''blur(5)''. + +
  subtraction +
  + Given two property values + V_a and V_B, + returns the difference of the two properties, + V_result. + V_a represents + the first term of the operation and + V_B represents + the second. This is performed as accumulation + of the first term with the negated value of the second. + +

  + Note: Subtraction is used exclusively to produce + relative + effect values. +

  + These operations are only defined on computed values. diff --git a/web-animations-1/Overview.bs b/web-animations-1/Overview.bs index 8f408d45fed9..68a6a2af253c 100644 --- a/web-animations-1/Overview.bs +++ b/web-animations-1/Overview.bs @@ -3185,7 +3185,7 @@ in each property's property definition table:
  by computed value
  Corresponding individual components of the computed values - are combined (interpolated, added, or accumulated) + are combined (interpolated, added, accumulated, or subtracted) using the indicated procedure for that value type (see [[css-values-4#combining-values]]). If the number of components or the types of corresponding components @@ -3544,7 +3544,11 @@ given iteration progress, current iteration and keyframe effect. 1. Let value to combine be the property value of target property specified on - keyframe. + keyframe, unless the composite operation to use + is relative in + which it is the same property value subtracted + from the last keyframe in the keyframe effect . 1. Replace the property value of target property on keyframe with the result of combining underlying value (V_a) and @@ -3792,7 +3796,7 @@ The specific operation used to combine an effect value with an composite operation of the keyframe effect that produced the effect value. -This specification defines three composite operations as +This specification defines four composite operations as follows: : replace @@ -3814,6 +3818,8 @@ follows: accumulation operation is defined such that it is not commutative, the order of the operands is underlying value followed by effect value. +: relative +:: The effect value is composited identically to accumulate. ### Applying the composited result ### {#applying-the-composited-result} @@ -5804,7 +5810,7 @@ composition behavior are represented by the CompositeOperation enumeration.

  -enum CompositeOperation { "replace", "add", "accumulate" };
  +enum CompositeOperation { "replace", "add", "accumulate", "relative" };
   

  : replace @@ -5830,12 +5836,21 @@ enum CompositeOperation { "replace", "add", "accumulate" }; lt="value accumulation">accumulated on to the underlying value. +: relative +:: Corresponds to the relative + composite operation value such that + the effect value is calculated as described + in [[#the-effect-value-of-a-keyframe-animation-effect]] + and accumulated on to the + underlying value. + The possible values of a [=keyframe=]'s composition behavior share the same values as the {{CompositeOperation}} enumeration along with the additional {{CompositeOperationOrAuto/auto}} value.

  -enum CompositeOperationOrAuto { "replace", "add", "accumulate", "auto" };
  +enum CompositeOperationOrAuto { "replace", "add", "accumulate", "relative", "auto" };
   

  : auto