Maintaining identical perspective across elements

CheeseDeluxe · April 13, 2019, 1:01pm

I want to rotate a series of objects around the x axis, with their base as the origin. And I want them all to rotate directly at me, like the center one does here. I DON’T want the default perspective effect that’s happening here with the ones on the ends.

I feel like this should be possible, but I’m not finding a solution. I’ve tried:

CSS perspective property described here https://css-tricks.com/almanac/properties/p/perspective/
CSS perspective-origin property described here https://developer.mozilla.org/en-US/docs/Web/CSS/perspective-origin
CSS function transform: perspective() described here https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/perspective#Result

I’ve been to this thread as well, Shifting of Perspective with Graphics, Images, or Videos but it doesn’t address my issue.

Any thoughts?
perspective.zip (21.4 KB)

h_classen · April 13, 2019, 2:08pm

perspective.hype.zip (17.7 KB)
… not sure if i got you right

CheeseDeluxe · April 13, 2019, 2:45pm

Ohhhh, you totally do, this is great. So the perspective is based on their parent container. I was totally missing that piece of the puzzle. Thanks @h_classen!