Rotating earth-cube in CSS

I just saw a small neat demo of a rotating earth cube using css and js , and thought to myself "I can do that in only css". So that is what I'll do here. This article is the written log of how I have done this, so it might be a bit weird and rambly. Here goes. The first step is to get the 6 images and create an earth div with the six images. Note: The blog I'm writing this wraps <img> in <picture>…