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 link


Specification currently under development in a Working Group

Status in Chromium

Blink>CSS


Enabled by default (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owner

Intent to Prototype url

Intent to Prototype thread

Search tags

css, transform, perspective,

Last updated on 2022-02-01