WPT
wpt / css / css-easing / linear-timing-functions-syntax.html
Spec: CSS Easing Functions ↗
Runs: Chrome 155.0.8041.0 (wpt@2c385f65e, 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 | 23/35 | 23/35 | 34/35 | 20/35 | 23/35 | 23/35 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['animation-timing-function'] = "linear(0 0%, 1 100%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['animation-timing-function'] = "linear( 0 0%, 1 100% )" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['animation-timing-function'] = "linear(0, 1)" should set the property value | FAIL | FAIL | PASS | PASS | FAIL | FAIL |
| e.style['animation-timing-function'] = "linear(-10, -5, 0, 5, 10)" should set the property value | FAIL | FAIL | PASS | PASS | FAIL | FAIL |
| e.style['animation-timing-function'] = "linear(-10 -10%, -5 -5%, 0, 5, 10)" should set the property value | FAIL | FAIL | PASS | PASS | FAIL | FAIL |
| e.style['animation-timing-function'] = "linear(0 calc(0%), 0 calc(100%))" should set the property value | FAIL | FAIL | PASS | PASS | FAIL | FAIL |
| e.style['animation-timing-function'] = "linear(0 calc(50% - 50%), 0 calc(50% + 50%))" should set the property value | FAIL | FAIL | PASS | PASS | FAIL | FAIL |
| e.style['animation-timing-function'] = "linear(0 calc(50%), 0 100%)" should set the property value | FAIL | FAIL | PASS | PASS | FAIL | FAIL |
| e.style['animation-timing-function'] = "linear(0 0% 50%, 1 50% 100%)" should set the property value | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['animation-timing-function'] = "linear(0, 0.5 25% 75%, 1 100% 100%)" should set the property value | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['animation-timing-function'] = "linear(0, 1.3, 1, 0.92, 1, 0.99, 1, 0.998, 1 100% 100%)" should set the property value | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['animation-timing-function'] = "linear(0, 0 40%, 1, 0.5, 1)" should set the property value | FAIL | FAIL | PASS | PASS | FAIL | FAIL |
| e.style['animation-timing-function'] = "linear(0, 1.3, 1, 0.92, 1, 0.99, 1, 1.004, 0.998, 1 100% 100%)" should set the property value | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['animation-timing-function'] = "linear(calc(0/0), 1)" should set the property value | PASS | PASS | FAIL | FAIL | PASS | PASS |
| e.style['animation-timing-function'] = "linear()" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['animation-timing-function'] = "linear(0)" should not set the property value | PASS | PASS | PASS | FAIL | PASS | PASS |
| e.style['animation-timing-function'] = "linear(100%)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['animation-timing-function'] = "linear(0% 1 50%)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['animation-timing-function'] = "linear(0 0% 100%)" should not set the property value | PASS | PASS | PASS | FAIL | PASS | PASS |
| e.style['animation-timing-function'] = "linear(0% 100% 0)" should not set the property value | PASS | PASS | PASS | FAIL | PASS | PASS |
| e.style['animation-timing-function'] = "linear(0 calc(50px - 50%), 0 calc(50em + 50em))" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['animation-timing-function'] = "linear(0 calc(50%, 50%), 0 calc(50% + 50%))" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'linear(0 0%, 1 100%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'linear( 0 0%, 1 100% )' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'linear(0, 1)' | PASS | PASS | PASS | FAIL | PASS | PASS |
| Property animation-timing-function value 'linear(-10, -5, 0, 5, 10)' | PASS | PASS | PASS | FAIL | PASS | PASS |
| Property animation-timing-function value 'linear(-10 -10%, -5 -5%, 0, 5, 10)' | PASS | PASS | PASS | FAIL | PASS | PASS |
| Property animation-timing-function value 'linear(0 calc(0%), 0 calc(100%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'linear(0 calc(50% - 50%), 0 calc(50% + 50%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'linear(0 calc(min(50%, 60%)), 0 100%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'linear(0 0% 50%, 1 50% 100%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property animation-timing-function value 'linear(0, 0.5 25% 75%, 1 100% 100%)' | PASS | PASS | PASS | FAIL | PASS | PASS |
| Property animation-timing-function value 'linear(0, 1.3, 1, 0.92, 1, 0.99, 1, 0.998, 1 100% 100%)' | PASS | PASS | PASS | FAIL | PASS | PASS |
| Property animation-timing-function value 'linear(0, 0 40%, 1, 0.5, 1)' | PASS | PASS | PASS | FAIL | PASS | PASS |
| Property animation-timing-function value 'linear(0, 1.3, 1, 0.92, 1, 0.99, 1, 1.004, 0.998, 1 100% 100%)' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |