WPT
wpt / css / css-logical / animation-001.html
Spec: CSS Logical Properties ↗
Runs: Chrome 155.0.8042.0 (wpt@0a3996025, 2026-09-04) | Firefox 157.0a1 (wpt@972e0e100, 2026-09-04) | Safari 251 preview (wpt@972e0e100, 2026-09-04) | Ladybird 1.0-3fd2d (wpt@c29bd2aee, 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
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 24/24 | 22/24 | 24/24 | 21/24 | 0/24 | 0/24 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| Logical properties can be animated using object notation | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Logical properties can be animated using array notation | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Logical properties are NOT stored as physical properties | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Logical properties in animations respect the writing-mode | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Logical properties in animations respect the direction | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Physical properties win over logical properties in object notation | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Physical properties win over logical properties in array notation | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Physical properties with variables win over logical properties | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Physical longhands win over logical shorthands | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Logical longhands win over physical shorthands | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Physical shorthands win over logical shorthands | PASS | FAIL | PASS | FAIL | FAIL | FAIL |
| Physical shorthands using variables win over logical shorthands | PASS | FAIL | PASS | FAIL | FAIL | FAIL |
| Physical properties and logical properties can be mixed | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Physical shorthands and logical shorthands can be mixed | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Physical properties win over logical properties even when some keyframes only have logical properties | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Animations update when the writing-mode is changed | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Filling animations update when the writing-mode is changed | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Animations with implicit from values update when the writing-mode is changed | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Animations with overlapping physical and logical properties update when the writing-mode is changed | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Animations update when the writing-mode is changed through a CSS variable | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Animations update when the direction is changed | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Logical shorthand with variable references animates correctly | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| writing-mode is not animatable | PASS | PASS | PASS | PASS | FAIL | FAIL |
| direction is not animatable | PASS | PASS | PASS | PASS | FAIL | FAIL |