This pure CSS 3D cube animation demo by Wifeo is especially awesome because it has a 3D shadow effect beneath the rotating cube. He created the solid shadow by styling the psuedo element i:after
using background
and then made it blur on the sides by using box-shadow
. Finally, the cube shadow is positioned at the bottom of the cube by using transform
. Go ahead and check out the cool demo.
![pure css 3d cube](http://constructs.stampede-design.com/wp-content/uploads/2014/09/pure-css-3d-box.jpg)
comment 0