Animated Cuboids

Silly experiment with CSS transforms and animations to have a bunch of cuboids rotate in a certain pattern. There’s no JavaScript involved, everything is done with CSS (generated by the Sass preprocessor).

I had to use some trigonometry to rotate the cuboids in the way that I wanted. If you want to know how to calculate sines, cosines and tangents in Sass, check out my article Trigonometry In Sass.

However, this is nothing compared to what someone who knows their math can do. Check out Ana Tudor’s CodePen for example, and prepare for your jaw to hit the floor.