[csswg-drafts] [transform-origin] should support transform functions such as translateZ rotate etc (#9378)

hackvertor has just created a new issue for https://github.com/w3c/csswg-drafts:

== [transform-origin] should support transform functions such as translateZ rotate etc ==
I've been struggling with this for ages, what I'm trying to do is adjust the transform-origin based on a position in a 3D room. Either I'm not clever enough to do this or it's impossible and the CSS spec would need to be changed in order to do it.

So I have 3 rooms and change the z position and rotation of the combined rooms to navigate the 3D space. To do this I need to use Houdini properties in order to reuse the rotation and zposition. I thought you could use trigonometry functions to get the transform-origin position based on the position of the position in the room but this doesn't work because custom properties can't refer to themselves so you can't get the correct x,y,z position.

I propose the spec should be changed to allow you to use transform functions inside the transform-origin property such as:

```css
transform-origin: translateZ(10px)
```

This would enable you to change the transform-origin based on the position in a room. A demonstration of this can be found on my website notice how when you navigate to one of the other rooms the rotation is broken because the transform-origin is incorrect. 

[My website demo](https://garethheyes.co.uk)

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9378 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 19 September 2023 18:46:22 UTC