Limited Availability Transitions (CSS)

interpolate-size

The interpolate-size CSS property sets whether animations and transitions interpolate between a numeric value and a keyword value, such as from a fixed length to auto or fit-content.

Baseline Status: This feature is currently Limited (not yet Baseline). Latest engine implementation shipped on Sep 19, 2024.

Desktop Browser Engine Support

Google Chrome

129

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

129

Supported

Mobile Browser Engine Support

Chrome Android

129

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.interpolate-size ↗ css.properties.interpolate-size.allow-keywords ↗ css.properties.interpolate-size.numeric-only ↗