Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
I am actually attempting a single div cube still (fully 3D on every axis!)
If it works I think the CSS will make you cry as I am really having to abuse CSS to make the sides move from one side of the cube to the other to complete the illusion.
I donβt think anyone had managed it before! (And I can see why!)
I tried, but desisted. But may try again. The issue for me was that the transform-origin has to be the same for all transformations, so switching the sides of the "main element" (not the pseudos) caused chaos. But it can probably be done by changing more than what I was changing. Best of luck! You can do it!
Some comments have been hidden by the post's author - find out more
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
It's one div only π
I would say "try to figure out how it was done"... but you can see the code anyway π
I am actually attempting a single div cube still (fully 3D on every axis!)
If it works I think the CSS will make you cry as I am really having to abuse CSS to make the sides move from one side of the cube to the other to complete the illusion.
I donβt think anyone had managed it before! (And I can see why!)
I tried, but desisted. But may try again. The issue for me was that the
transform-origin
has to be the same for all transformations, so switching the sides of the "main element" (not the pseudos) caused chaos. But it can probably be done by changing more than what I was changing. Best of luck! You can do it!