WPT
wpt / css / css-easing / timing-functions-syntax-computed.html
Spec: CSS Easing Functions ↗
Runs: Chrome 155.0.8041.0 (wpt@a1690333b, 2026-09-04) | Firefox 157.0a1 (wpt@2c385f65e, 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 | 19/21 | 17/21 | 21/21 | 21/21 | 17/21 | 17/21 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| Property animation-timing-function value 'linear' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'ease' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'ease-in' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'ease-out' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'ease-in-out' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'cubic-bezier(0.1, 0.2, 0.8, 0.9)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'cubic-bezier(0, -2, 1, 3)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'cubic-bezier(0, 0.7, 1, 1.3)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'cubic-bezier(calc(-2), calc(0.7 / 2), calc(1.5), calc(0))' | FAIL | FAIL | PASS | PASS | FAIL | FAIL |
| Property animation-timing-function value 'steps(4, start)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'steps(2, end)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'steps( 2, end )' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'steps(2, jump-start)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'steps(2, jump-end)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'steps(2, jump-both)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'steps(2, jump-none)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'steps(calc(-10), start)' | PASS | FAIL | PASS | PASS | FAIL | FAIL |
| Property animation-timing-function value 'steps(calc(5 / 2), start)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'steps(calc(1), jump-none)' | FAIL | FAIL | PASS | PASS | FAIL | FAIL |
| Property animation-timing-function value 'linear, ease, linear' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'steps(calc(2 + sign(100em - 1px)), end)' | PASS | FAIL | PASS | PASS | FAIL | FAIL |