Animated 3D Discs in CSS
Amit Sheen creates amazing 3D demos with CSS. One of the latest he shared has discs that move up and down. It is amazing because not only the discs move three-dimensionally, but they also look like 3D figures. You can check the demo here: https://codepen.io/amit_sheen/full/rN...
I decided to try it and see how to create a similar effect (or close enough). This recording is a real-time coding in which I explained the thought process... except I botched the recording because I forgot to add the microphone, so it has no sound 😓😳
My demo is much simpler and looks uglier... but here it is: https://codepen.io/alvaromontoro/pen/...
Anyway, hopefully, you can see the effect and how it was coded. Feel free to ask questions in the comments. And thanks for watching.