See the Code - See it Full Page - See Details
Now works in Firefox, Chrome, Opera, Safari, and Edge. The zoetrope is a classic toy that has been around for centuries. It was an early way to create animation, before flipbooks and film. Here we are using 3D transforms and a trick with backface-visibility to recreate one. I expect to write a post explaining this in fuller detail. Mess with the `--spin-duration` to slow down and see what is happening... or change `--zoe` to a -90deg to see a top down view.
This Pen uses: HTML, CSS, JavaScript, and