Lately I've been working on CSS 3D transforms in Chrome (and on the CSS spec at drafts.csswg.org/css-transfo… ). A few of the things I've been working on have shipped recently in Chrome. (Thread)

Oct 8, 2021 · 6:45 PM UTC

2
11
65
In Chrome 93 values less than 1px of the perspective property and perspective() transform function get clamped to 1px, and 0 is no longer special. For more information see the post at groups.google.com/a/chromium… and the change at chromium.googlesource.com/ch… .
1
1
7
In Chrome 94, the changes (started by @chrishtr) described in groups.google.com/a/chromium… and docs.google.com/document/d/1… shipped, changing how transform-style:preserve-3d and perspective interact with the DOM tree.
1
1
4
These are steps towards making 3D transforms more predictable for developers and more interoperable between browsers. Other browser engines have been making progress on this path too, and there should be more to come.
1
1
15
Replying to @davidbaron
Do you know if providing a JavaScript API for computing transformed screen coordinates is still on the radar of any of the people working on this? (I.e. stuff like hacks.mozilla.org/2014/04/co…, which never seems to have gone anywhere.)

Coordinate Conversion Made Easy – the power of GeometryUtils – Mozilla Hacks - the Web developer...

In a previous post we introduced the GeometryUtils interface and the getBoxQuads() API for retrieving the CSS box geometry of a DOM node. GeometryUtils also takes care of another important ...

hacks.mozilla.org
1
I thought a bunch of the ideas were Incorporated into other APIs, but don't remember. I had hoped to investigate briefly today, bit didn't get the chance. Maybe tomorrow...
1
1
more replies