1) make an api request from CSS that responds with data encoded into height and width
2) use container queries and tan(atan2()) in CSS to read the dimensions of the response into 16 bit integers
3) a CSS hack that allows the document :root to capture and hold --var-data computed from several layers of nested DOM, hoisting it back up and holding it in a paused animation
Comments
The hack does 3 things:
1) make an api request from CSS that responds with data encoded into height and width
2) use container queries and tan(atan2()) in CSS to read the dimensions of the response into 16 bit integers
3) a CSS hack that allows the document :root to capture and hold --var-data computed from several layers of nested DOM, hoisting it back up and holding it in a paused animation
Chrome desktop only for now