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.
comment 0