WPT
wpt / scroll-animations / css / animation-timeline-parsing.html
Spec: Scroll-driven Animations ↗
Runs: Chrome 155.0.8041.0 (wpt@a1690333b, 2026-09-04) | Firefox 157.0a1 (wpt@a1690333b, 2026-09-04) | Safari 251 preview (wpt@a1e944e7a, 2026-09-04) | Ladybird 1.0-a7825 (wpt@9298d21d2, 2026-09-04) | Servo Servo 0.6 (wpt@7e3d005d7, 2026-09-03) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 69/69 | 69/69 | 69/69 | 69/69 | 20/69 | NOT RUN |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['animation-timeline'] = "initial" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "inherit" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "unset" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "revert" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "auto" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "none" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "auto, auto" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "none, none" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "auto, none" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "none, auto" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "--test" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "--test1, --test2" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "--test1, --test2, none, --test3, auto" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "test1" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "10px" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "auto auto" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "none none" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "foo bar" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "\"foo\" \"bar\"" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "rgb(1, 2, 3)" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "#fefefe" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "\"test\"" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "scroll()" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = " scroll() " should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(block)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(inline)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(x)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(y)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(root)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(nearest)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(self)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(inline nearest)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(nearest inline)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(block self)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(self block)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(y root)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "scroll(abc root)" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "scroll(abc)" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "scroll(y abc)" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "scroll(\"string\")" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "view()" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = " view() " should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(block)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(inline)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(x)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(y)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(y 1px 2px)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(y 1px)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(y auto)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(y auto auto)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(y auto 1px)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(1px 2px y)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(1px y)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(auto x)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(1px 2px)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(1px)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(1px 1px)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(1px auto)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(auto calc(1% + 1px))" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(2em calc(1% + 1em))" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(auto)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(auto auto)" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation-timeline'] = "view(y 1px 2px 3px)" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "view(1px y 3px)" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "view(1px 2px 3px)" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "view(abc block)" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "view(abc)" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "view(y abc)" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation-timeline'] = "view(\"string\")" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |