Click here to download the Blitz Browser!

WPT

wpt / web-animations / animation-model / animation-types / interpolation-per-property-002.html

Spec: Web Animations ↗

Runs: Chrome 155.0.8042.0 (wpt@4eb09bcd9, 2026-09-04) | Firefox 157.0a1 (wpt@c3fcbf4ba, 2026-09-04) | Safari 251 preview (wpt@e7122b73f, 2026-09-04) | Ladybird 1.0-52f0f (wpt@a1ecd0c09, 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
Total486/502485/502490/502382/5020/502NOT RUN
SubtestChromeFirefoxSafariLadybirdServoBlitz
SetupPASSPASSPASSPASSFAIL
isolation (type: discrete) has testInterpolation functionPASSPASSPASSPASS
isolation uses discrete animation when animating between "auto" and "isolate" with linear easingPASSPASSPASSPASS
isolation uses discrete animation when animating between "auto" and "isolate" with effect easingPASSPASSPASSPASS
isolation uses discrete animation when animating between "auto" and "isolate" with keyframe easingPASSPASSPASSPASS
justify-content (type: discrete) has testInterpolation functionPASSPASSPASSPASS
justify-content uses discrete animation when animating between "start" and "end" with linear easingPASSPASSPASSPASS
justify-content uses discrete animation when animating between "start" and "end" with effect easingPASSPASSPASSPASS
justify-content uses discrete animation when animating between "start" and "end" with keyframe easingPASSPASSPASSPASS
justify-items (type: discrete) has testInterpolation functionPASSPASSPASSPASS
justify-items uses discrete animation when animating between "start" and "end" with linear easingPASSPASSPASSPASS
justify-items uses discrete animation when animating between "start" and "end" with effect easingPASSPASSPASSPASS
justify-items uses discrete animation when animating between "start" and "end" with keyframe easingPASSPASSPASSPASS
justify-self (type: discrete) has testInterpolation functionPASSPASSPASSPASS
justify-self uses discrete animation when animating between "start" and "end" with linear easingPASSPASSPASSPASS
justify-self uses discrete animation when animating between "start" and "end" with effect easingPASSPASSPASSPASS
justify-self uses discrete animation when animating between "start" and "end" with keyframe easingPASSPASSPASSPASS
letter-spacing (type: lengthPercentageOrCalc) has testInterpolation functionPASSPASSPASSPASS
letter-spacing supports animating as a lengthPASSPASSPASSPASS
letter-spacing supports animating as a length of remPASSPASSPASSPASS
letter-spacing supports animating as a percentagePASSPASSPASSPASS
letter-spacing supports animating as combination units "px" and "%"PASSPASSPASSPASS
letter-spacing supports animating as combination units "%" and "em"PASSPASSPASSPASS
letter-spacing supports animating as combination units "em" and "rem"PASSPASSPASSPASS
letter-spacing supports animating as combination units "px" and "calc"PASSPASSPASSPASS
letter-spacing supports animating as a calcPASSPASSPASSPASS
lighting-color (type: color) has testInterpolation functionPASSPASSPASS
lighting-color supports animating as color of rgb()PASSPASSPASS
lighting-color supports animating as color of #RGBPASSPASSPASS
lighting-color supports animating as color of hsl()PASSPASSPASS
lighting-color supports animating as color of #RGBaPASSPASSPASS
lighting-color supports animating as color of rgba()PASSPASSPASS
lighting-color supports animating as color of hsla()PASSPASSPASS
line-height (type: discrete) has testInterpolation functionPASSPASSPASSPASS
line-height uses discrete animation when animating between "normal" and "10px" with linear easingPASSPASSPASSPASS
line-height uses discrete animation when animating between "normal" and "10px" with effect easingPASSPASSPASSPASS
line-height uses discrete animation when animating between "normal" and "10px" with keyframe easingPASSPASSPASSPASS
line-height uses discrete animation when animating between "normal" and "10" with linear easingPASSPASSPASSPASS
line-height uses discrete animation when animating between "normal" and "10" with effect easingPASSPASSPASSPASS
line-height uses discrete animation when animating between "normal" and "10" with keyframe easingPASSPASSPASSPASS
list-style (type: discrete) has testInterpolation functionPASSPASSPASSPASS
list-style uses discrete animation when animating between "inside url("http://localhost/test-1") circle" and "outside url("http://localhost/test-2") square" with linear easingFAILFAILFAILFAIL
list-style uses discrete animation when animating between "inside url("http://localhost/test-1") circle" and "outside url("http://localhost/test-2") square" with effect easingFAILFAILFAILFAIL
list-style uses discrete animation when animating between "inside url("http://localhost/test-1") circle" and "outside url("http://localhost/test-2") square" with keyframe easingFAILFAILFAILFAIL
list-style-image (type: discrete) has testInterpolation functionPASSPASSPASSPASS
list-style-image uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with linear easingFAILPASSFAILPASS
list-style-image uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with effect easingFAILPASSFAILPASS
list-style-image uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with keyframe easingFAILPASSFAILPASS
list-style-position (type: discrete) has testInterpolation functionPASSPASSPASSPASS
list-style-position uses discrete animation when animating between "inside" and "outside" with linear easingPASSPASSPASSPASS
list-style-position uses discrete animation when animating between "inside" and "outside" with effect easingPASSPASSPASSPASS
list-style-position uses discrete animation when animating between "inside" and "outside" with keyframe easingPASSPASSPASSPASS
list-style-type (type: discrete) has testInterpolation functionPASSPASSPASSPASS
list-style-type uses discrete animation when animating between "circle" and "square" with linear easingPASSPASSPASSPASS
list-style-type uses discrete animation when animating between "circle" and "square" with effect easingPASSPASSPASSPASS
list-style-type uses discrete animation when animating between "circle" and "square" with keyframe easingPASSPASSPASSPASS
math-depth (type: integer) has testInterpolation functionPASSPASSPASS
math-depth supports animating as an integerPASSPASSPASS
math-shift (type: discrete) has testInterpolation functionPASSPASSPASS
math-shift uses discrete animation when animating between "normal" and "compact" with linear easingPASSPASSPASS
math-shift uses discrete animation when animating between "normal" and "compact" with effect easingPASSPASSPASS
math-shift uses discrete animation when animating between "normal" and "compact" with keyframe easingPASSPASSPASS
math-style (type: discrete) has testInterpolation functionPASSPASSPASS
math-style uses discrete animation when animating between "normal" and "compact" with linear easingPASSPASSPASS
math-style uses discrete animation when animating between "normal" and "compact" with effect easingPASSPASSPASS
math-style uses discrete animation when animating between "normal" and "compact" with keyframe easingPASSPASSPASS
marker-end (type: discrete) has testInterpolation functionPASSPASSPASS
marker-end uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with linear easingPASSPASSPASS
marker-end uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with effect easingPASSPASSPASS
marker-end uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with keyframe easingPASSPASSPASS
marker-mid (type: discrete) has testInterpolation functionPASSPASSPASS
marker-mid uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with linear easingPASSPASSPASS
marker-mid uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with effect easingPASSPASSPASS
marker-mid uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with keyframe easingPASSPASSPASS
marker-start (type: discrete) has testInterpolation functionPASSPASSPASS
marker-start uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with linear easingPASSPASSPASS
marker-start uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with effect easingPASSPASSPASS
marker-start uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with keyframe easingPASSPASSPASS
mask (type: discrete) has testInterpolation functionPASSPASSPASSPASS
mask uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with linear easingPASSPASSFAILPASS
mask uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with effect easingPASSPASSFAILPASS
mask uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with keyframe easingPASSPASSFAILPASS
mask-clip (type: discrete) has testInterpolation functionPASSPASSPASSPASS
mask-clip uses discrete animation when animating between "content-box" and "border-box" with linear easingPASSPASSPASSPASS
mask-clip uses discrete animation when animating between "content-box" and "border-box" with effect easingPASSPASSPASSPASS
mask-clip uses discrete animation when animating between "content-box" and "border-box" with keyframe easingPASSPASSPASSPASS
mask-composite (type: discrete) has testInterpolation functionPASSPASSPASSPASS
mask-composite uses discrete animation when animating between "add" and "subtract" with linear easingPASSPASSPASSPASS
mask-composite uses discrete animation when animating between "add" and "subtract" with effect easingPASSPASSPASSPASS
mask-composite uses discrete animation when animating between "add" and "subtract" with keyframe easingPASSPASSPASSPASS
mask-image (type: discrete) has testInterpolation functionPASSPASSPASSPASS
mask-image uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with linear easingPASSPASSPASSPASS
mask-image uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with effect easingPASSPASSPASSPASS
mask-image uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with keyframe easingPASSPASSPASSPASS
mask-mode (type: discrete) has testInterpolation functionPASSPASSPASSPASS
mask-mode uses discrete animation when animating between "alpha" and "luminance" with linear easingPASSPASSPASSPASS
mask-mode uses discrete animation when animating between "alpha" and "luminance" with effect easingPASSPASSPASSPASS
mask-mode uses discrete animation when animating between "alpha" and "luminance" with keyframe easingPASSPASSPASSPASS
mask-origin (type: discrete) has testInterpolation functionPASSPASSPASSPASS
mask-origin uses discrete animation when animating between "content-box" and "border-box" with linear easingPASSPASSPASSPASS
mask-origin uses discrete animation when animating between "content-box" and "border-box" with effect easingPASSPASSPASSPASS
mask-origin uses discrete animation when animating between "content-box" and "border-box" with keyframe easingPASSPASSPASSPASS
mask-repeat (type: discrete) has testInterpolation functionPASSPASSPASSPASS
mask-repeat uses discrete animation when animating between "space" and "round" with linear easingPASSPASSPASSPASS
mask-repeat uses discrete animation when animating between "space" and "round" with effect easingPASSPASSPASSPASS
mask-repeat uses discrete animation when animating between "space" and "round" with keyframe easingPASSPASSPASSPASS
mask-type (type: discrete) has testInterpolation functionPASSPASSPASSPASS
mask-type uses discrete animation when animating between "alpha" and "luminance" with linear easingPASSPASSPASSPASS
mask-type uses discrete animation when animating between "alpha" and "luminance" with effect easingPASSPASSPASSPASS
mask-type uses discrete animation when animating between "alpha" and "luminance" with keyframe easingPASSPASSPASSPASS
mix-blend-mode (type: discrete) has testInterpolation functionPASSPASSPASSPASS
mix-blend-mode uses discrete animation when animating between "multiply" and "screen" with linear easingPASSPASSPASSPASS
mix-blend-mode uses discrete animation when animating between "multiply" and "screen" with effect easingPASSPASSPASSPASS
mix-blend-mode uses discrete animation when animating between "multiply" and "screen" with keyframe easingPASSPASSPASSPASS
object-fit (type: discrete) has testInterpolation functionPASSPASSPASSPASS
object-fit uses discrete animation when animating between "fill" and "contain" with linear easingPASSPASSPASSPASS
object-fit uses discrete animation when animating between "fill" and "contain" with effect easingPASSPASSPASSPASS
object-fit uses discrete animation when animating between "fill" and "contain" with keyframe easingPASSPASSPASSPASS
offset-distance (type: lengthPercentageOrCalc) has testInterpolation functionPASSPASSPASS
offset-distance supports animating as a lengthPASSPASSPASS
offset-distance supports animating as a length of remPASSPASSPASS
offset-distance supports animating as a percentagePASSPASSPASS
offset-distance supports animating as combination units "px" and "%"PASSPASSPASS
offset-distance supports animating as combination units "%" and "em"PASSPASSPASS
offset-distance supports animating as combination units "em" and "rem"PASSPASSPASS
offset-distance supports animating as combination units "px" and "calc"PASSPASSPASS
offset-distance supports animating as a calcPASSPASSPASS
order (type: integer) has testInterpolation functionPASSPASSPASSPASS
order supports animating as an integerPASSPASSPASSPASS
outline-color (type: color) has testInterpolation functionPASSPASSPASSPASS
outline-color supports animating as color of rgb()PASSPASSPASSPASS
outline-color supports animating as color of #RGBPASSPASSPASSPASS
outline-color supports animating as color of hsl()PASSPASSPASSPASS
outline-color supports animating as color of #RGBaPASSPASSPASSPASS
outline-color supports animating as color of rgba()PASSPASSPASSPASS
outline-color supports animating as color of hsla()PASSPASSPASSPASS
outline-offset (type: length) has testInterpolation functionPASSPASSPASSPASS
outline-offset supports animating as a lengthPASSPASSPASSPASS
outline-offset supports animating as a length of remPASSPASSPASSPASS
outline-style (type: discrete) has testInterpolation functionPASSPASSPASSPASS
outline-style uses discrete animation when animating between "none" and "dotted" with linear easingPASSPASSPASSPASS
outline-style uses discrete animation when animating between "none" and "dotted" with effect easingPASSPASSPASSPASS
outline-style uses discrete animation when animating between "none" and "dotted" with keyframe easingPASSPASSPASSPASS
outline-width (type: length) has testInterpolation functionPASSPASSPASSPASS
outline-width supports animating as a lengthPASSPASSPASSPASS
outline-width supports animating as a length of remPASSPASSPASSPASS
overflow (type: discrete) has testInterpolation functionPASSPASSPASSPASS
overflow uses discrete animation when animating between "visible" and "hidden" with linear easingPASSPASSPASSPASS
overflow uses discrete animation when animating between "visible" and "hidden" with effect easingPASSPASSPASSPASS
overflow uses discrete animation when animating between "visible" and "hidden" with keyframe easingPASSPASSPASSPASS
overflow-wrap (type: discrete) has testInterpolation functionPASSPASSPASSPASS
overflow-wrap uses discrete animation when animating between "normal" and "break-word" with linear easingPASSPASSPASSPASS
overflow-wrap uses discrete animation when animating between "normal" and "break-word" with effect easingPASSPASSPASSPASS
overflow-wrap uses discrete animation when animating between "normal" and "break-word" with keyframe easingPASSPASSPASSPASS
overflow-x (type: discrete) has testInterpolation functionPASSPASSPASSPASS
overflow-x uses discrete animation when animating between "visible" and "hidden" with linear easingPASSPASSPASSPASS
overflow-x uses discrete animation when animating between "visible" and "hidden" with effect easingPASSPASSPASSPASS
overflow-x uses discrete animation when animating between "visible" and "hidden" with keyframe easingPASSPASSPASSPASS
overflow-y (type: discrete) has testInterpolation functionPASSPASSPASSPASS
overflow-y uses discrete animation when animating between "visible" and "hidden" with linear easingPASSPASSPASSPASS
overflow-y uses discrete animation when animating between "visible" and "hidden" with effect easingPASSPASSPASSPASS
overflow-y uses discrete animation when animating between "visible" and "hidden" with keyframe easingPASSPASSPASSPASS
page-break-after (type: discrete) has testInterpolation functionPASSPASSPASSPASS
page-break-after uses discrete animation when animating between "always" and "auto" with linear easingPASSPASSPASSPASS
page-break-after uses discrete animation when animating between "always" and "auto" with effect easingPASSPASSPASSPASS
page-break-after uses discrete animation when animating between "always" and "auto" with keyframe easingPASSPASSPASSPASS
page-break-before (type: discrete) has testInterpolation functionPASSPASSPASSPASS
page-break-before uses discrete animation when animating between "always" and "auto" with linear easingPASSPASSPASSPASS
page-break-before uses discrete animation when animating between "always" and "auto" with effect easingPASSPASSPASSPASS
page-break-before uses discrete animation when animating between "always" and "auto" with keyframe easingPASSPASSPASSPASS
page-break-inside (type: discrete) has testInterpolation functionPASSPASSPASSPASS
page-break-inside uses discrete animation when animating between "auto" and "avoid" with linear easingPASSPASSPASSPASS
page-break-inside uses discrete animation when animating between "auto" and "avoid" with effect easingPASSPASSPASSPASS
page-break-inside uses discrete animation when animating between "auto" and "avoid" with keyframe easingPASSPASSPASSPASS
paint-order (type: discrete) has testInterpolation functionPASSPASSPASSPASS
paint-order uses discrete animation when animating between "fill" and "stroke" with linear easingPASSPASSPASSPASS
paint-order uses discrete animation when animating between "fill" and "stroke" with effect easingPASSPASSPASSPASS
paint-order uses discrete animation when animating between "fill" and "stroke" with keyframe easingPASSPASSPASSPASS
path-length (type: length) has testInterpolation functionPASS
path-length supports animating as a lengthPASS
path-length supports animating as a length of remPASS
perspective (type: length) has testInterpolation functionPASSPASSPASSPASS
perspective supports animating as a lengthPASSPASSPASSPASS
perspective supports animating as a length of remPASSPASSPASSPASS
perspective-origin (type: position) has testInterpolation functionPASSPASSPASSPASS
perspective-origin supports animating as a length pairPASSPASSPASSPASS
perspective-origin supports animating as a length pair of remPASSPASSPASSPASS
perspective-origin supports animating as a position of percentPASSPASSPASSPASS
place-content (type: discrete) has testInterpolation functionPASSPASSPASSPASS
place-content uses discrete animation when animating between "start" and "end" with linear easingPASSPASSPASSPASS
place-content uses discrete animation when animating between "start" and "end" with effect easingPASSPASSPASSPASS
place-content uses discrete animation when animating between "start" and "end" with keyframe easingPASSPASSPASSPASS
place-items (type: discrete) has testInterpolation functionPASSPASSPASSPASS
place-items uses discrete animation when animating between "start" and "end" with linear easingPASSPASSPASSPASS
place-items uses discrete animation when animating between "start" and "end" with effect easingPASSPASSPASSPASS
place-items uses discrete animation when animating between "start" and "end" with keyframe easingPASSPASSPASSPASS
place-self (type: discrete) has testInterpolation functionPASSPASSPASSPASS
place-self uses discrete animation when animating between "start" and "end" with linear easingPASSPASSPASSPASS
place-self uses discrete animation when animating between "start" and "end" with effect easingPASSPASSPASSPASS
place-self uses discrete animation when animating between "start" and "end" with keyframe easingPASSPASSPASSPASS
pointer-events (type: discrete) has testInterpolation functionPASSPASSPASSPASS
pointer-events uses discrete animation when animating between "fill" and "none" with linear easingPASSPASSPASSFAIL
pointer-events uses discrete animation when animating between "fill" and "none" with effect easingPASSPASSPASSFAIL
pointer-events uses discrete animation when animating between "fill" and "none" with keyframe easingPASSPASSPASSFAIL
position (type: discrete) has testInterpolation functionPASSPASSPASSPASS
position uses discrete animation when animating between "absolute" and "fixed" with linear easingPASSPASSPASSPASS
position uses discrete animation when animating between "absolute" and "fixed" with effect easingPASSPASSPASSPASS
position uses discrete animation when animating between "absolute" and "fixed" with keyframe easingPASSPASSPASSPASS
position-anchor (type: discrete) has testInterpolation functionPASSPASSPASSPASS
position-anchor uses discrete animation when animating between "auto" and "--anchor" with linear easingPASSPASSPASSPASS
position-anchor uses discrete animation when animating between "auto" and "--anchor" with effect easingPASSPASSPASSPASS
position-anchor uses discrete animation when animating between "auto" and "--anchor" with keyframe easingPASSPASSPASSPASS
position-visibility (type: discrete) has testInterpolation functionPASSPASSPASSPASS
position-visibility uses discrete animation when animating between "always" and "anchors-valid" with linear easingFAILPASSPASSPASS
position-visibility uses discrete animation when animating between "always" and "anchors-valid" with effect easingFAILPASSPASSPASS
position-visibility uses discrete animation when animating between "always" and "anchors-valid" with keyframe easingFAILPASSPASSPASS
position-try-fallbacks (type: discrete) has testInterpolation functionPASSPASSPASSPASS
position-try-fallbacks uses discrete animation when animating between "none" and "flip-block" with linear easingPASSPASSPASSPASS
position-try-fallbacks uses discrete animation when animating between "none" and "flip-block" with effect easingPASSPASSPASSPASS
position-try-fallbacks uses discrete animation when animating between "none" and "flip-block" with keyframe easingPASSPASSPASSPASS
position-try-order (type: discrete) has testInterpolation functionPASSPASSPASSPASS
position-try-order uses discrete animation when animating between "normal" and "most-width" with linear easingPASSPASSPASSPASS
position-try-order uses discrete animation when animating between "normal" and "most-width" with effect easingPASSPASSPASSPASS
position-try-order uses discrete animation when animating between "normal" and "most-width" with keyframe easingPASSPASSPASSPASS
quotes (type: discrete) has testInterpolation functionPASSPASSPASSPASS
quotes uses discrete animation when animating between ""“" "”" "‘" "’"" and ""‘" "’" "“" "”"" with linear easingPASSPASSPASSPASS
quotes uses discrete animation when animating between ""“" "”" "‘" "’"" and ""‘" "’" "“" "”"" with effect easingPASSPASSPASSPASS
quotes uses discrete animation when animating between ""“" "”" "‘" "’"" and ""‘" "’" "“" "”"" with keyframe easingPASSPASSPASSPASS
resize (type: discrete) has testInterpolation functionPASSPASSPASS
resize uses discrete animation when animating between "both" and "horizontal" with linear easingPASSPASSPASS
resize uses discrete animation when animating between "both" and "horizontal" with effect easingPASSPASSPASS
resize uses discrete animation when animating between "both" and "horizontal" with keyframe easingPASSPASSPASS
ruby-align (type: discrete) has testInterpolation functionPASSPASSPASS
ruby-align uses discrete animation when animating between "start" and "center" with linear easingPASSPASSPASS
ruby-align uses discrete animation when animating between "start" and "center" with effect easingPASSPASSPASS
ruby-align uses discrete animation when animating between "start" and "center" with keyframe easingPASSPASSPASS
ruby-position (type: discrete) has testInterpolation functionPASSPASSPASS
ruby-position uses discrete animation when animating between "under" and "over" with linear easingPASSPASSPASS
ruby-position uses discrete animation when animating between "under" and "over" with effect easingPASSPASSPASS
ruby-position uses discrete animation when animating between "under" and "over" with keyframe easingPASSPASSPASS
scroll-behavior (type: discrete) has testInterpolation functionPASSPASSPASS
scroll-behavior uses discrete animation when animating between "auto" and "smooth" with linear easingPASSPASSPASS
scroll-behavior uses discrete animation when animating between "auto" and "smooth" with effect easingPASSPASSPASS
scroll-behavior uses discrete animation when animating between "auto" and "smooth" with keyframe easingPASSPASSPASS
scroll-snap-align (type: discrete) has testInterpolation functionPASSPASSPASSPASS
scroll-snap-align uses discrete animation when animating between "none" and "start" with linear easingPASSPASSPASSPASS
scroll-snap-align uses discrete animation when animating between "none" and "start" with effect easingPASSPASSPASSPASS
scroll-snap-align uses discrete animation when animating between "none" and "start" with keyframe easingPASSPASSPASSPASS
scroll-snap-stop (type: discrete) has testInterpolation functionPASSPASSPASSPASS
scroll-snap-stop uses discrete animation when animating between "normal" and "always" with linear easingPASSPASSPASSPASS
scroll-snap-stop uses discrete animation when animating between "normal" and "always" with effect easingPASSPASSPASSPASS
scroll-snap-stop uses discrete animation when animating between "normal" and "always" with keyframe easingPASSPASSPASSPASS
scroll-snap-type (type: discrete) has testInterpolation functionPASSPASSPASSPASS
scroll-snap-type uses discrete animation when animating between "none" and "x mandatory" with linear easingPASSPASSPASSPASS
scroll-snap-type uses discrete animation when animating between "none" and "x mandatory" with effect easingPASSPASSPASSPASS
scroll-snap-type uses discrete animation when animating between "none" and "x mandatory" with keyframe easingPASSPASSPASSPASS
scrollbar-color (type: colorPair) has testInterpolation functionPASSPASSPASSPASS
scrollbar-color supports animating as color pair of rgb()PASSPASSPASSFAIL
scrollbar-color supports animating as color pair of #RGBPASSPASSPASSFAIL
scrollbar-color supports animating as color pair of hsl()PASSPASSPASSFAIL
scrollbar-color supports animating as color pair of #RGBaPASSPASSPASSFAIL
scrollbar-color supports animating as color pair of rgba()PASSPASSPASSFAIL
scrollbar-color supports animating as color pair of hsla()PASSPASSPASSFAIL
scrollbar-gutter (type: discrete) has testInterpolation functionPASSPASSPASSPASS
scrollbar-gutter uses discrete animation when animating between "auto" and "stable" with linear easingPASSPASSPASSPASS
scrollbar-gutter uses discrete animation when animating between "auto" and "stable" with effect easingPASSPASSPASSPASS
scrollbar-gutter uses discrete animation when animating between "auto" and "stable" with keyframe easingPASSPASSPASSPASS
scrollbar-gutter uses discrete animation when animating between "auto" and "stable both-edges" with linear easingPASSPASSPASSPASS
scrollbar-gutter uses discrete animation when animating between "auto" and "stable both-edges" with effect easingPASSPASSPASSPASS
scrollbar-gutter uses discrete animation when animating between "auto" and "stable both-edges" with keyframe easingPASSPASSPASSPASS
scrollbar-gutter uses discrete animation when animating between "stable" and "stable both-edges" with linear easingPASSPASSPASSPASS
scrollbar-gutter uses discrete animation when animating between "stable" and "stable both-edges" with effect easingPASSPASSPASSPASS
scrollbar-gutter uses discrete animation when animating between "stable" and "stable both-edges" with keyframe easingPASSPASSPASSPASS
scrollbar-width (type: discrete) has testInterpolation functionPASSPASSPASSPASS
scrollbar-width uses discrete animation when animating between "auto" and "thin" with linear easingPASSPASSPASSPASS
scrollbar-width uses discrete animation when animating between "auto" and "thin" with effect easingPASSPASSPASSPASS
scrollbar-width uses discrete animation when animating between "auto" and "thin" with keyframe easingPASSPASSPASSPASS
scrollbar-width uses discrete animation when animating between "auto" and "none" with linear easingPASSPASSPASSPASS
scrollbar-width uses discrete animation when animating between "auto" and "none" with effect easingPASSPASSPASSPASS
scrollbar-width uses discrete animation when animating between "auto" and "none" with keyframe easingPASSPASSPASSPASS
scrollbar-width uses discrete animation when animating between "thin" and "none" with linear easingPASSPASSPASSPASS
scrollbar-width uses discrete animation when animating between "thin" and "none" with effect easingPASSPASSPASSPASS
scrollbar-width uses discrete animation when animating between "thin" and "none" with keyframe easingPASSPASSPASSPASS
shape-outside (type: discrete) has testInterpolation functionPASSPASSPASSPASS
shape-outside uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with linear easingPASSPASSPASSFAIL
shape-outside uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with effect easingPASSPASSPASSFAIL
shape-outside uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with keyframe easingPASSPASSPASSFAIL
shape-rendering (type: discrete) has testInterpolation functionPASSPASSPASSPASS
shape-rendering uses discrete animation when animating between "optimizeSpeed" and "crispEdges" with linear easingPASSPASSPASSPASS
shape-rendering uses discrete animation when animating between "optimizeSpeed" and "crispEdges" with effect easingPASSPASSPASSPASS
shape-rendering uses discrete animation when animating between "optimizeSpeed" and "crispEdges" with keyframe easingPASSPASSPASSPASS
stop-color (type: color) has testInterpolation functionPASSPASSPASSPASS
stop-color supports animating as color of rgb()PASSPASSPASSPASS
stop-color supports animating as color of #RGBPASSPASSPASSPASS
stop-color supports animating as color of hsl()PASSPASSPASSPASS
stop-color supports animating as color of #RGBaPASSPASSPASSPASS
stop-color supports animating as color of rgba()PASSPASSPASSPASS
stop-color supports animating as color of hsla()PASSPASSPASSPASS
stop-opacity (type: opacity) has testInterpolation functionPASSPASSPASSPASS
stop-opacity supports animating as a [0, 1] numberPASSPASSPASSPASS
stroke-dasharray (type: dasharray) has testInterpolation functionPASSPASSPASSPASS
stroke-dasharray supports animating as a percentagePASSPASSPASSPASS
stroke-dasharray supports animating as a positive numberPASSPASSPASSPASS
stroke-dasharray supports animating as a dasharray (mismatched length)PASSPASSPASSPASS
stroke-dasharray supports animating as a dasharray (mixed lengths and percentages)PASSPASSPASSPASS
stroke-dasharray (type: discrete) has testInterpolation functionPASSPASSPASSPASS
stroke-dasharray uses discrete animation when animating between "none" and "10px, 20px" with linear easingPASSPASSPASSPASS
stroke-dasharray uses discrete animation when animating between "none" and "10px, 20px" with effect easingPASSPASSPASSPASS
stroke-dasharray uses discrete animation when animating between "none" and "10px, 20px" with keyframe easingPASSPASSPASSPASS
stroke-linecap (type: discrete) has testInterpolation functionPASSPASSPASSPASS
stroke-linecap uses discrete animation when animating between "round" and "square" with linear easingPASSPASSPASSPASS
stroke-linecap uses discrete animation when animating between "round" and "square" with effect easingPASSPASSPASSPASS
stroke-linecap uses discrete animation when animating between "round" and "square" with keyframe easingPASSPASSPASSPASS
stroke-linejoin (type: discrete) has testInterpolation functionPASSPASSPASSPASS
stroke-linejoin uses discrete animation when animating between "round" and "miter" with linear easingPASSPASSPASSPASS
stroke-linejoin uses discrete animation when animating between "round" and "miter" with effect easingPASSPASSPASSPASS
stroke-linejoin uses discrete animation when animating between "round" and "miter" with keyframe easingPASSPASSPASSPASS
stroke-miterlimit (type: positiveNumber) has testInterpolation functionPASSPASSPASSPASS
stroke-miterlimit supports animating as a positive numberPASSPASSPASSPASS
stroke-opacity (type: opacity) has testInterpolation functionPASSPASSPASSPASS
stroke-opacity supports animating as a [0, 1] numberPASSPASSPASSPASS
table-layout (type: discrete) has testInterpolation functionPASSPASSPASSPASS
table-layout uses discrete animation when animating between "auto" and "fixed" with linear easingPASSPASSPASSPASS
table-layout uses discrete animation when animating between "auto" and "fixed" with effect easingPASSPASSPASSPASS
table-layout uses discrete animation when animating between "auto" and "fixed" with keyframe easingPASSPASSPASSPASS
text-align (type: discrete) has testInterpolation functionPASSPASSPASSPASS
text-align uses discrete animation when animating between "start" and "end" with linear easingPASSPASSPASSPASS
text-align uses discrete animation when animating between "start" and "end" with effect easingPASSPASSPASSPASS
text-align uses discrete animation when animating between "start" and "end" with keyframe easingPASSPASSPASSPASS
text-align-last (type: discrete) has testInterpolation functionPASSPASSPASS
text-align-last uses discrete animation when animating between "start" and "end" with linear easingPASSPASSPASS
text-align-last uses discrete animation when animating between "start" and "end" with effect easingPASSPASSPASS
text-align-last uses discrete animation when animating between "start" and "end" with keyframe easingPASSPASSPASS
text-anchor (type: discrete) has testInterpolation functionPASSPASSPASSPASS
text-anchor uses discrete animation when animating between "middle" and "end" with linear easingPASSPASSPASSPASS
text-anchor uses discrete animation when animating between "middle" and "end" with effect easingPASSPASSPASSPASS
text-anchor uses discrete animation when animating between "middle" and "end" with keyframe easingPASSPASSPASSPASS
text-autospace (type: discrete) has testInterpolation functionPASSPASSPASS
text-autospace uses discrete animation when animating between "normal" and "no-autospace" with linear easingPASSPASSPASS
text-autospace uses discrete animation when animating between "normal" and "no-autospace" with effect easingPASSPASSPASS
text-autospace uses discrete animation when animating between "normal" and "no-autospace" with keyframe easingPASSPASSPASS
text-box-edge (type: discrete) has testInterpolation functionPASSPASSPASS
text-box-edge uses discrete animation when animating between "auto" and "text" with linear easingPASSPASSPASS
text-box-edge uses discrete animation when animating between "auto" and "text" with effect easingPASSPASSPASS
text-box-edge uses discrete animation when animating between "auto" and "text" with keyframe easingPASSPASSPASS
text-box-trim (type: discrete) has testInterpolation functionPASSPASSPASS
text-box-trim uses discrete animation when animating between "none" and "trim-start" with linear easingPASSPASSPASS
text-box-trim uses discrete animation when animating between "none" and "trim-start" with effect easingPASSPASSPASS
text-box-trim uses discrete animation when animating between "none" and "trim-start" with keyframe easingPASSPASSPASS
text-decoration (type: discrete) has testInterpolation functionPASSPASSPASSPASS
text-decoration uses discrete animation when animating between "underline" and "overline" with linear easingFAILFAILFAILFAIL
text-decoration uses discrete animation when animating between "underline" and "overline" with effect easingFAILFAILFAILFAIL
text-decoration uses discrete animation when animating between "underline" and "overline" with keyframe easingFAILFAILFAILFAIL
text-decoration-color (type: color) has testInterpolation functionPASSPASSPASSPASS
text-decoration-color supports animating as color of rgb()PASSPASSPASSPASS
text-decoration-color supports animating as color of #RGBPASSPASSPASSPASS
text-decoration-color supports animating as color of hsl()PASSPASSPASSPASS
text-decoration-color supports animating as color of #RGBaPASSPASSPASSPASS
text-decoration-color supports animating as color of rgba()PASSPASSPASSPASS
text-decoration-color supports animating as color of hsla()PASSPASSPASSPASS
text-decoration-line (type: discrete) has testInterpolation functionPASSPASSPASSPASS
text-decoration-line uses discrete animation when animating between "underline" and "overline" with linear easingPASSPASSPASSPASS
text-decoration-line uses discrete animation when animating between "underline" and "overline" with effect easingPASSPASSPASSPASS
text-decoration-line uses discrete animation when animating between "underline" and "overline" with keyframe easingPASSPASSPASSPASS
text-decoration-skip-ink (type: discrete) has testInterpolation functionPASSPASSPASSPASS
text-decoration-skip-ink uses discrete animation when animating between "auto" and "none" with linear easingPASSPASSPASSPASS
text-decoration-skip-ink uses discrete animation when animating between "auto" and "none" with effect easingPASSPASSPASSPASS
text-decoration-skip-ink uses discrete animation when animating between "auto" and "none" with keyframe easingPASSPASSPASSPASS
text-decoration-style (type: discrete) has testInterpolation functionPASSPASSPASSPASS
text-decoration-style uses discrete animation when animating between "solid" and "dotted" with linear easingPASSPASSPASSPASS
text-decoration-style uses discrete animation when animating between "solid" and "dotted" with effect easingPASSPASSPASSPASS
text-decoration-style uses discrete animation when animating between "solid" and "dotted" with keyframe easingPASSPASSPASSPASS
text-emphasis-color (type: color) has testInterpolation functionPASSPASSPASS
text-emphasis-color supports animating as color of rgb()PASSPASSPASS
text-emphasis-color supports animating as color of #RGBPASSPASSPASS
text-emphasis-color supports animating as color of hsl()PASSPASSPASS
text-emphasis-color supports animating as color of #RGBaPASSPASSPASS
text-emphasis-color supports animating as color of rgba()PASSPASSPASS
text-emphasis-color supports animating as color of hsla()PASSPASSPASS
text-emphasis-position (type: discrete) has testInterpolation functionPASSPASSPASS
text-emphasis-position uses discrete animation when animating between "over" and "under left" with linear easingPASSPASSPASS
text-emphasis-position uses discrete animation when animating between "over" and "under left" with effect easingPASSPASSPASS
text-emphasis-position uses discrete animation when animating between "over" and "under left" with keyframe easingPASSPASSPASS
text-emphasis-style (type: discrete) has testInterpolation functionPASSPASSPASS
text-emphasis-style uses discrete animation when animating between "circle" and "open dot" with linear easingPASSPASSPASS
text-emphasis-style uses discrete animation when animating between "circle" and "open dot" with effect easingPASSPASSPASS
text-emphasis-style uses discrete animation when animating between "circle" and "open dot" with keyframe easingPASSPASSPASS
text-overflow (type: discrete) has testInterpolation functionPASSPASSPASSPASS
text-overflow uses discrete animation when animating between "clip" and "ellipsis" with linear easingPASSPASSPASSPASS
text-overflow uses discrete animation when animating between "clip" and "ellipsis" with effect easingPASSPASSPASSPASS
text-overflow uses discrete animation when animating between "clip" and "ellipsis" with keyframe easingPASSPASSPASSPASS
text-rendering (type: discrete) has testInterpolation functionPASSPASSPASSPASS
text-rendering uses discrete animation when animating between "optimizeSpeed" and "optimizeLegibility" with linear easingPASSPASSPASSPASS
text-rendering uses discrete animation when animating between "optimizeSpeed" and "optimizeLegibility" with effect easingPASSPASSPASSPASS
text-rendering uses discrete animation when animating between "optimizeSpeed" and "optimizeLegibility" with keyframe easingPASSPASSPASSPASS
text-shadow (type: textShadowList) has testInterpolation functionPASSPASSPASSPASS
text-shadow: from none to otherPASSPASSPASSPASS
text-shadow: from other to nonePASSPASSPASSPASS
text-shadow: single shadowPASSPASSPASSPASS
text-shadow: shadow listPASSPASSPASSPASS
text-shadow: mismatched list length (from longer to shorter)PASSPASSPASSPASS
text-shadow: mismatched list length (from shorter to longer)PASSPASSPASSPASS
text-shadow: with currentcolorPASSPASSPASSPASS
text-spacing-trim (type: discrete) has testInterpolation functionPASS
text-spacing-trim uses discrete animation when animating between "normal" and "space-all" with linear easingPASS
text-spacing-trim uses discrete animation when animating between "normal" and "space-all" with effect easingPASS
text-spacing-trim uses discrete animation when animating between "normal" and "space-all" with keyframe easingPASS
text-transform (type: discrete) has testInterpolation functionPASSPASSPASSPASS
text-transform uses discrete animation when animating between "capitalize" and "uppercase" with linear easingPASSPASSPASSPASS
text-transform uses discrete animation when animating between "capitalize" and "uppercase" with effect easingPASSPASSPASSPASS
text-transform uses discrete animation when animating between "capitalize" and "uppercase" with keyframe easingPASSPASSPASSPASS
text-wrap (type: discrete) has testInterpolation functionPASSPASSPASSPASS
text-wrap uses discrete animation when animating between "wrap" and "nowrap" with linear easingPASSPASSPASSPASS
text-wrap uses discrete animation when animating between "wrap" and "nowrap" with effect easingPASSPASSPASSPASS
text-wrap uses discrete animation when animating between "wrap" and "nowrap" with keyframe easingPASSPASSPASSPASS
touch-action (type: discrete) has testInterpolation functionPASSPASSPASSPASS
touch-action uses discrete animation when animating between "auto" and "none" with linear easingPASSPASSPASSPASS
touch-action uses discrete animation when animating between "auto" and "none" with effect easingPASSPASSPASSPASS
touch-action uses discrete animation when animating between "auto" and "none" with keyframe easingPASSPASSPASSPASS
transform (type: transformList) has testInterpolation functionPASSPASSPASSPASS
transform: translatePASSPASSPASSPASS
transform: rotatePASSPASSPASSPASS
transform: scalePASSPASSPASSPASS
transform: skewPASSPASSPASSPASS
transform: rotate and translatePASSPASSPASSPASS
transform: translate and rotatePASSPASSPASSPASS
transform: extend shorter list (from)PASSPASSPASSPASS
transform: extend shorter list (to)PASSPASSPASSPASS
transform: mismatch order of translate and rotatePASSPASSPASSPASS
transform: matrixPASSPASSPASSPASS
transform: rotate3dPASSPASSPASSPASS
transform: matrix3dPASSPASSPASSFAIL
transform: mismatched 3D transformsPASSPASSPASSPASS
transform: rotateYPASSPASSPASSPASS
transform: non-invertible matricesPASSPASSPASSPASS
transform: non-invertible matrices in matched transform listsPASSPASSPASSPASS
transform: non-invertible matrices in mismatched transform listsPASSPASSPASSPASS
transform: perspectivePASSPASSPASSFAIL
transform-box (type: discrete) has testInterpolation functionPASSPASSPASSPASS
transform-box uses discrete animation when animating between "fill-box" and "border-box" with linear easingPASSPASSPASSPASS
transform-box uses discrete animation when animating between "fill-box" and "border-box" with effect easingPASSPASSPASSPASS
transform-box uses discrete animation when animating between "fill-box" and "border-box" with keyframe easingPASSPASSPASSPASS
transform-style (type: discrete) has testInterpolation functionPASSPASSPASSPASS
transform-style uses discrete animation when animating between "flat" and "preserve-3d" with linear easingPASSPASSPASSPASS
transform-style uses discrete animation when animating between "flat" and "preserve-3d" with effect easingPASSPASSPASSPASS
transform-style uses discrete animation when animating between "flat" and "preserve-3d" with keyframe easingPASSPASSPASSPASS
rotate (type: rotateList) has testInterpolation functionPASSPASSPASSPASS
rotate without rotation axesPASSPASSPASSPASS
rotate with rotation axesPASSPASSPASSPASS
rotate with rotation axes and range over 360 degreesPASSPASSPASSPASS
rotate with different rotation axesPASSPASSPASSPASS
translate (type: translateList) has testInterpolation functionPASSPASSPASSPASS
translate with two unspecified valuesPASSPASSPASSPASS
translate with one unspecified valuePASSPASSPASSPASS
translate with all three values specifiedPASSPASSPASSPASS
translate with combination of percentages and lengthsPASSPASSPASSPASS
scale (type: scaleList) has testInterpolation functionPASSPASSPASSPASS
scale with two unspecified valuesPASSPASSPASSPASS
scale with one unspecified valuePASSPASSPASSPASS
scalePASSPASSPASSPASS
vector-effect (type: discrete) has testInterpolation functionPASSPASSPASSPASS
vector-effect uses discrete animation when animating between "none" and "non-scaling-stroke" with linear easingPASSPASSPASSPASS
vector-effect uses discrete animation when animating between "none" and "non-scaling-stroke" with effect easingPASSPASSPASSPASS
vector-effect uses discrete animation when animating between "none" and "non-scaling-stroke" with keyframe easingPASSPASSPASSPASS
view-transition-class (type: discrete) has testInterpolation functionPASSPASSPASS
view-transition-class uses discrete animation when animating between "none" and "card scale-animation" with linear easingPASSPASSPASS
view-transition-class uses discrete animation when animating between "none" and "card scale-animation" with effect easingPASSPASSPASS
view-transition-class uses discrete animation when animating between "none" and "card scale-animation" with keyframe easingPASSPASSPASS
view-transition-name (type: discrete) has testInterpolation functionPASSPASSPASSPASS
view-transition-name uses discrete animation when animating between "none" and "header" with linear easingPASSPASSPASSPASS
view-transition-name uses discrete animation when animating between "none" and "header" with effect easingPASSPASSPASSPASS
view-transition-name uses discrete animation when animating between "none" and "header" with keyframe easingPASSPASSPASSPASS
visibility (type: visibility) has testInterpolation functionPASSPASSPASSPASS
visibility uses visibility animation when animating from "visible" to "hidden"PASSPASSPASSPASS
visibility uses visibility animation when animating from "hidden" to "visible"PASSPASSPASSPASS
visibility uses visibility animation when animating from "hidden" to "collapse"PASSPASSPASSPASS
visibility uses visibility animation when animating from "visible" to "hidden" with easeInOutBack easingPASSPASSPASSPASS
white-space (type: discrete) has testInterpolation functionPASSPASSPASSPASS
white-space uses discrete animation when animating between "pre" and "nowrap" with linear easingPASSPASSPASSPASS
white-space uses discrete animation when animating between "pre" and "nowrap" with effect easingPASSPASSPASSPASS
white-space uses discrete animation when animating between "pre" and "nowrap" with keyframe easingPASSPASSPASSPASS
white-space-collapse (type: discrete) has testInterpolation functionPASSPASSPASSPASS
white-space-collapse uses discrete animation when animating between "collapse" and "preserve" with linear easingPASSPASSPASSPASS
white-space-collapse uses discrete animation when animating between "collapse" and "preserve" with effect easingPASSPASSPASSPASS
white-space-collapse uses discrete animation when animating between "collapse" and "preserve" with keyframe easingPASSPASSPASSPASS
word-break (type: discrete) has testInterpolation functionPASSPASSPASSPASS
word-break uses discrete animation when animating between "keep-all" and "break-all" with linear easingPASSPASSPASSPASS
word-break uses discrete animation when animating between "keep-all" and "break-all" with effect easingPASSPASSPASSPASS
word-break uses discrete animation when animating between "keep-all" and "break-all" with keyframe easingPASSPASSPASSPASS
word-spacing (type: lengthPercentageOrCalc) has testInterpolation functionPASSPASSPASSPASS
word-spacing supports animating as a lengthPASSPASSPASSPASS
word-spacing supports animating as a length of remPASSPASSPASSPASS
word-spacing supports animating as a percentagePASSPASSPASSPASS
word-spacing supports animating as combination units "px" and "%"PASSPASSPASSPASS
word-spacing supports animating as combination units "%" and "em"PASSPASSPASSPASS
word-spacing supports animating as combination units "em" and "rem"PASSPASSPASSPASS
word-spacing supports animating as combination units "px" and "calc"PASSPASSPASSPASS
word-spacing supports animating as a calcPASSPASSPASSPASS
stroke-color (type: color) has testInterpolation functionPASS
stroke-color supports animating as color of rgb()PASS
stroke-color supports animating as color of #RGBPASS
stroke-color supports animating as color of hsl()PASS
stroke-color supports animating as color of #RGBaPASS
stroke-color supports animating as color of rgba()PASS
stroke-color supports animating as color of hsla()PASS
text-decoration-skip (type: discrete) has testInterpolation functionPASS
text-decoration-skip uses discrete animation when animating between "auto" and "none" with linear easingPASS
text-decoration-skip uses discrete animation when animating between "auto" and "none" with effect easingPASS
text-decoration-skip uses discrete animation when animating between "auto" and "none" with keyframe easingPASS