HTML and CSS may be the bedrock of 2D web design, but hidden within their virtual toolbox are the secrets to creating breathtaking 3D perspectives....
For further actions, you may consider blocking this person and/or reporting abuse
Wow, This is cool. Thanks for the perspective.
I see what you did there 😆
Thank you for this great insight into the perspective utility 🔥
A next great step could be changing the shade of the faces based on their position on the X, Y and Z axis – something I will definitely dig into following up on this post!
I am really not a 3D expert but there is surely a mathematical way of calculating the correct shades for each side (and even using gradients)!
I would love to see that in action!
pure spitballing, maybe css custom properties can do this: developer.mozilla.org/en-US/docs/W...
Very good 👍
Thanks
Thanks! I hope it gave you ideas!
Painting the web with code 🎉
Hi
Hi! 👋
TYVM Martin!
You are welcome!
Great, thank you :-)
Look at this:
Amit Sheen Demos
Kevin
OH GOD, that's just impressive
En effet😉
This works. But I would suggest you are using the wrong tool for the job. Swapping your divs for SVGs would be more appropriate than using an html DIVider. -
You can build a house out of toothpicks but it doesn't mean that you should.
Why would it be more appropriate? In this example I do not use any complex shapes so divs are completely fine imo. And to be honest, if you are looking to build 3D objects, HTML and CSS are the wrong tools.
But it is a way to discover more capabilities of the tools we use daily!
wow