3D Cube

A cube that rotates in 3D.

.cube { width:40px; height:40px; background:#8b5cf6; animation:cubeR 1.2s infinite ease-in-out; }
@keyframes cubeR { 0%{transform:perspective(120px) rotateX(0) rotateY(0)} 50%{transform:perspective(120px) rotateX(-180deg) rotateY(0)} 100%{transform:perspective(120px) rotateX(-180deg) rotateY(-180deg)} }