← Back to release summary

Animatable zoom

Category

CSS

Type

Chromium catches up

Status

Proposed (Chrome Proposed)

Intent stage

None

• Breaking change: No
• Enterprise impact: None
• Spec maturity: Unknown status
• Web Platform Tests: Yes

WPT details: https://wpt.fyi/results/css/css-viewport/animations/zoom-interpolation.html

Summary

The CSS zoom property is animatable and interpolates as a <number>. Developers can transition and animate zoom to smoothly scale elements and their layout, complementing existing transform-based scaling.

Standards & signals

• Firefox: Shipped/Shipping
• Safari: Shipped/Shipping
• Web developers: No signals
• Tracking bug: https://issues.chromium.org/u/2/issues/393810951

Ecosystem

• Web Platform Tests: https://wpt.fyi/results/?q=css%2Fcss-viewport%2Fanimations%2Fzoom-interpolation
• Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
• GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
• chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+Animatable%20zoom
• MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Animatable%20zoom
• Baseline status: https://webstatus.dev/?q=Animatable%20zoom

View on chromestatus.com