You need 2 things:
- enable in the parent of the planet preserve3d
- transform the planet in the oposite way.
CSS
.bottom {
-webkit-transform: rotateX( 82deg ) rotateY( -5deg ) rotateZ( 197deg );
background:green;
-webkit-transform-style: preserve-3d;
}
.planet{
background:blue;
display:inline-block;
font-size: 40px;
-webkit-transform: rotateZ( -197deg ) rotateY( 5deg ) rotateX( -82deg ) ;
}
Note that the inverse transform is the original with the signs changed and the order reversed.