All 3D objects need to be embedded inside a container with the class
three-d space
. The space
container sets up
the perspective and perspective origin to view the 3D objects in -
think of it as a window on the page into the three dimensional world
that the objects exist within.
See the Pen Spinning 3D Card in Pure CSS by Mrdigs (@Mrdigs) on CodePen.