Cool SCSS Animation

I was browsing CodePen and found this pen by Jamie Caballero. What comes as a surprise to me is that it isn’t using any JavaScript. The animations are all done in SCSS, which is a CSS preprocessor. It is also using Haml, which is a markup language that stands for “HTML abstraction markup language.” So Jamie was able to create this beautiful animation with only 75 lines of code! It’s spectacular. Just take a look:

See the Pen Spinning cubes by Jaime Caballero (@jaicab) on CodePen.

Was this post helpful?