Click here to download the Blitz Browser!

WPT

wpt / web-animations / interfaces / KeyframeEffect / constructor.html

Spec: Web Animations ↗

Runs: Chrome 155.0.8041.0 (wpt@18be93235, 2026-09-04) | Firefox 157.0a1 (wpt@1b4bc17cf, 2026-09-04) | Safari 251 preview (wpt@2c385f65e, 2026-09-04) | Ladybird 1.0-17043 (wpt@25681acff, 2026-09-04) | Servo Servo 0.6 (wpt@2c385f65e, 2026-09-04) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)

View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi

ChromeFirefoxSafariLadybirdServoBlitz
Total175/175175/175173/175121/1750/175NOT RUN
SubtestChromeFirefoxSafariLadybirdServoBlitz
A KeyframeEffect can be constructed with no framesPASSPASSPASSPASSFAIL
easing values are parsed correctly when passed to the KeyframeEffect constructor in KeyframeEffectOptionsPASSPASSPASSPASSFAIL
Invalid easing values are correctly rejected when passed to the KeyframeEffect constructor in KeyframeEffectOptionsPASSPASSPASSPASSFAIL
composite values are parsed correctly when passed to the KeyframeEffect constructor in property-indexed keyframesPASSPASSPASSPASSFAIL
composite values are parsed correctly when passed to the KeyframeEffect constructor in regular keyframesPASSPASSPASSPASSFAIL
composite value is auto if the composite operation specified on the keyframe effect is being usedPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a one property two value property-indexed keyframes specificationPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a one property two value property-indexed keyframes specification roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a one shorthand property two value property-indexed keyframes specificationPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a one shorthand property two value property-indexed keyframes specification roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a two property (one shorthand and one of its longhand components) two value property-indexed keyframes specificationPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a two property (one shorthand and one of its longhand components) two value property-indexed keyframes specification roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a two property (one shorthand and one of its shorthand components) two value property-indexed keyframes specificationPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a two property (one shorthand and one of its shorthand components) two value property-indexed keyframes specification roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a two property two value property-indexed keyframes specificationPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a two property two value property-indexed keyframes specification roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a two property property-indexed keyframes specification with different numbers of valuesPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a two property property-indexed keyframes specification with different numbers of values roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframes specification with an invalid valuePASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframes specification with an invalid value roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a one property two value property-indexed keyframes specification that needs to stringify its valuesPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a one property two value property-indexed keyframes specification that needs to stringify its values roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframes specification with a CSS variable referencePASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframes specification with a CSS variable reference roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframes specification with a CSS variable reference in a shorthand propertyPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframes specification with a CSS variable reference in a shorthand property roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a one property one value property-indexed keyframes specificationPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a one property one value property-indexed keyframes specification roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a one property one non-array value property-indexed keyframes specificationPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a one property one non-array value property-indexed keyframes specification roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a one property two value property-indexed keyframes specification where the first value is invalidPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a one property two value property-indexed keyframes specification where the first value is invalid roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a one property two value property-indexed keyframes specification where the second value is invalidPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a one property two value property-indexed keyframes specification where the second value is invalid roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframes specification with a CSS variable as the propertyPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframes specification with a CSS variable as the property roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with a single offsetPASSPASSPASSFAILFAIL
A KeyframeEffect constructed with a property-indexed keyframe with a single offset roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an array of offsetsPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an array of offsets roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an array of offsets that is too shortPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an array of offsets that is too short roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an array of offsets that is too longPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an array of offsets that is too long roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an empty array of offsetsPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an empty array of offsets roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an array of offsets with an embedded null valuePASSPASSPASSFAILFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an array of offsets with an embedded null value roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an array of offsets with a trailing null valuePASSPASSPASSFAILFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an array of offsets with a trailing null value roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an array of offsets with leading and trailing null valuesPASSPASSPASSFAILFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an array of offsets with leading and trailing null values roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an array of offsets with adjacent null valuesPASSPASSPASSFAILFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an array of offsets with adjacent null values roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an array of offsets with all null values (and too many at that)PASSPASSPASSFAILFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an array of offsets with all null values (and too many at that) roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with a single null offsetPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with a single null offset roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an array of offsets that is not strictly ascending in the unused part of the arrayPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an array of offsets that is not strictly ascending in the unused part of the array roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe without any specified easingPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe without any specified easing roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with a single easingPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with a single easing roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an array of easingsPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an array of easings roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an array of easings that is too shortPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an array of easings that is too short roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with a single-element array of easingsPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with a single-element array of easings roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an empty array of easingsPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an empty array of easings roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with an array of easings that is too longPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with an array of easings that is too long roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with a single composite operationPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with a single composite operation roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with a composite arrayPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with a composite array roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with a composite array that is too shortPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with a composite array that is too short roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with a composite array that is too longPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with a composite array that is too long roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a property-indexed keyframe with a single-element composite arrayPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a property-indexed keyframe with a single-element composite array roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a one property one keyframe sequencePASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a one property one keyframe sequence roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a one property two keyframe sequencePASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a one property two keyframe sequence roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a two property two keyframe sequencePASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a two property two keyframe sequence roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a one shorthand property two keyframe sequencePASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a one shorthand property two keyframe sequence roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a two property (a shorthand and one of its component longhands) two keyframe sequencePASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a two property (a shorthand and one of its component longhands) two keyframe sequence roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a two property keyframe sequence where one property is missing from the first keyframePASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a two property keyframe sequence where one property is missing from the first keyframe roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a two property keyframe sequence where one property is missing from the last keyframePASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a two property keyframe sequence where one property is missing from the last keyframe roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a one property two keyframe sequence that needs to stringify its valuesPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a one property two keyframe sequence that needs to stringify its values roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a keyframe sequence with a CSS variable referencePASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a keyframe sequence with a CSS variable reference roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a keyframe sequence with a CSS variable reference in a shorthand propertyPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a keyframe sequence with a CSS variable reference in a shorthand property roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a keyframe sequence with a CSS variable as its propertyPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a keyframe sequence with a CSS variable as its property roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a keyframe sequence with duplicate values for a given interior offsetPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a keyframe sequence with duplicate values for a given interior offset roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a keyframe sequence with duplicate values for offsets 0 and 1PASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a keyframe sequence with duplicate values for offsets 0 and 1 roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a two property four keyframe sequencePASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a two property four keyframe sequence roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a single keyframe sequence with omitted offsetPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a single keyframe sequence with omitted offset roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a single keyframe sequence with null offsetPASSPASSPASSFAILFAIL
A KeyframeEffect constructed with a single keyframe sequence with null offset roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a single keyframe sequence with string offsetPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a single keyframe sequence with string offset roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a single keyframe sequence with a single calc() offsetPASSPASSFAILFAILFAIL
A KeyframeEffect constructed with a single keyframe sequence with a single calc() offset roundtripsPASSPASSFAILFAILFAIL
A KeyframeEffect can be constructed with a one property keyframe sequence with some omitted offsetsPASSPASSPASSFAILFAIL
A KeyframeEffect constructed with a one property keyframe sequence with some omitted offsets roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a one property keyframe sequence with some null offsetsPASSPASSPASSFAILFAIL
A KeyframeEffect constructed with a one property keyframe sequence with some null offsets roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a two property keyframe sequence with some omitted offsetsPASSPASSPASSFAILFAIL
A KeyframeEffect constructed with a two property keyframe sequence with some omitted offsets roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a one property keyframe sequence with all omitted offsetsPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a one property keyframe sequence with all omitted offsets roundtripsPASSPASSPASSFAILFAIL
A KeyframeEffect can be constructed with a keyframe sequence with different easing values, but the same easing value for a given offsetPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a keyframe sequence with different easing values, but the same easing value for a given offset roundtripsPASSPASSPASSPASSFAIL
A KeyframeEffect can be constructed with a keyframe sequence with different composite values, but the same composite value for a given offsetPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with a keyframe sequence with different composite values, but the same composite value for a given offset roundtripsPASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with keyframes with an out-of-bounded positive offsetPASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with keyframes with an out-of-bounded negative offsetPASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with property-indexed keyframes not loosely sorted by offsetPASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with property-indexed keyframes not loosely sorted by offset even though not all offsets are specifiedPASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with property-indexed keyframes with offsets out of rangePASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with keyframes not loosely sorted by offsetPASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with property-indexed keyframes with an invalid easing valuePASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with property-indexed keyframes with an invalid easing value as one of the array valuesPASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with property-indexed keyframe with an invalid easing in the unused part of the array of easingsPASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with empty property-indexed keyframe with an invalid easingPASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with empty property-indexed keyframe with an invalid easings arrayPASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with a keyframe sequence with an invalid easing valuePASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with property-indexed keyframes with an invalid composite valuePASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with property-indexed keyframes with an invalid composite value as one of the array valuesPASSPASSPASSPASSFAIL
KeyframeEffect constructor throws with keyframes with an invalid composite valuePASSPASSPASSPASSFAIL
A KeyframeEffect constructed without any KeyframeEffectOptions objectPASSPASSPASSFAILFAIL
A KeyframeEffect constructed by an empty KeyframeEffectOptions objectPASSPASSPASSPASSFAIL
A KeyframeEffect constructed by a normal KeyframeEffectOptions objectPASSPASSPASSPASSFAIL
A KeyframeEffect constructed by a double valuePASSPASSPASSPASSFAIL
A KeyframeEffect constructed by +InfinityPASSPASSPASSPASSFAIL
A KeyframeEffect constructed by an Infinity durationPASSPASSPASSPASSFAIL
A KeyframeEffect constructed by an auto durationPASSPASSPASSPASSFAIL
A KeyframeEffect constructed by an Infinity iterationsPASSPASSPASSPASSFAIL
A KeyframeEffect constructed by an auto fillPASSPASSPASSPASSFAIL
A KeyframeEffect constructed by a forwards fillPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by -InfinityPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by NaNPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by a negative valuePASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by a negative Infinity durationPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by a NaN durationPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by a negative durationPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by a string durationPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by a negative Infinity iterationsPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by a NaN iterationsPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by a negative iterationsPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by a blank easingPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by an unrecognized easingPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by an 'initial' easingPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by an 'inherit' easingPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by a variable easingPASSPASSPASSPASSFAIL
Invalid KeyframeEffect option by a multi-value easingPASSPASSPASSPASSFAIL
A KeyframeEffect constructed with null targetPASSPASSPASSPASSFAIL
KeyframeEffect constructor propagates exceptions generated by accessing the options objectPASSPASSPASSPASSFAIL