This is one of my first experiments (quite old now), with creating a 3D-like animation effect entirely with CSS (one of the most basic and native languages of the web). There is no actual 3D here, rather just 2D layers with SVGs (scaleable vector graphics) that rotated three dimensionally and group together.

I really enjoy working with, and incorporating CSS animation in my work wherever possible. I particularly love the whole idea of creating animation effects with a core web language rather than via an animation frame-work, or even your typical 3D animation framework (such as three.js), which will always have some sort downside in terms of page speed loading.

I think the final result here, is only a few kilobytes, whilst also being fully accessible and scalable. So it won’t need to download anything at all, and will load pretty much instantly.

Launch Logocube