WPT
wpt / scroll-animations / css / animation-shorthand.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 | 27/27 | 27/27 | 27/27 | 21/27 | 17/27 | NOT RUN |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim" should set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim initial" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim 2000" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim scroll()" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim view()" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim --timeline" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| Property animation value '1s linear 1s 2 reverse forwards paused anim' | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should set animation-delay | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should set animation-direction | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should set animation-duration | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should set animation-fill-mode | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should set animation-iteration-count | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should set animation-name | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should set animation-play-state | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should set animation-range-end | PASS | PASS | PASS | FAIL | FAIL | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should set animation-range-start | PASS | PASS | PASS | FAIL | FAIL | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should set animation-timeline | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should set animation-timing-function | PASS | PASS | PASS | PASS | PASS | — |
| e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should not set unrelated longhands | PASS | PASS | PASS | PASS | PASS | — |
| Animation shorthand can not represent non-initial timelines (specified) | PASS | PASS | PASS | PASS | FAIL | — |
| Animation shorthand can not represent non-initial timelines (computed) | PASS | PASS | PASS | PASS | FAIL | — |
| Animation shorthand can not represent non-initial animation-range-start (specified) | PASS | PASS | PASS | FAIL | FAIL | — |
| Animation shorthand can not represent non-initial animation-range-start (computed) | PASS | PASS | PASS | FAIL | FAIL | — |
| Animation shorthand can not represent non-initial animation-range-end (specified) | PASS | PASS | PASS | FAIL | FAIL | — |
| Animation shorthand can not represent non-initial animation-range-end (computed) | PASS | PASS | PASS | FAIL | FAIL | — |
| Animation shorthand can not be represented with same list length (specified) | PASS | PASS | PASS | PASS | FAIL | — |
| Animation shorthand can be represented with same list length (computed) | PASS | PASS | PASS | PASS | PASS | — |