Animated Cuboids with CSS

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 Sass).

Check out the code:

If you want to know how to calculate sines, cosines and tangents in Sass, take a look at my article Trigonometry In Sass.

Also make sure to visit Ana Tudor’s CodePen to see what you can do when you really know your math.

Posted on by Daniel Perez Alvarez. Got any comments or suggestions? Send me a tweet or an email.