teZ(25px); background-color: rgba(255, 0, 157, 0.7); border: 1px solid rgba(255, 0, 157, 0.7); } .cube .bottom { -webkit-transform: rotateX(-90deg) translateZ(25px); transform: rotateX(-90deg) translateZ(25px); background-color: rgba(184, 111, 220, 0.7); border: 1px solid rgba(184, 111, 220, 0.7); } @-webkit-keyframes around { 100% { -webkit-transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px); transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px); } } @keyframes around { 100% { -webkit-transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px); transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px); } }