Implement support for a 'none' argument to the perspective() function within the syntax of the CSS transform property. This provides the perspective() function with a value that gives the identity matrix. Its effect is as though the perspective() function was given an argument that is infinite. This makes it easier (or, in some cases, possible) to do animations involving the perspective() function where one of the endpoints of the animation is the identity matrix.
Motivation
After the changes described in https://groups.google.com/a/chromium.org/g/blink-dev/c/Up0ruPbddro/m/7J-f9pqiAQAJ and https://chromium.googlesource.com/chromium/src/+/50b1cc46560ac75003b6c64db76fc14d23508735 which made the behavior of perspective(0) continuous rather than extremely different from very small values of perspective, there became no way to specify an identity function using perspective(). Allowing developers to write transform: perspective(none) in addition to transform: perspective(1000px) addresses this, and provides a clear parallel to the values of the perspective property (where developers can write perspective: none or perspective: 1000px).
Specification
Specification currently under development in a Working Group
Status in Chromium
Enabled by default
(tracking bug)
Consensus & Standardization
- Shipped/Shipping
- No signal
- Positive
Owner
Intent to Prototype url
Intent to Prototype threadSearch tags
css, transform, perspective,Last updated on 2022-02-01