.dice{position:relative;transform-style:preserve-3d;transition:transform 1s}.dice,.side{width:60px;height:60px}.side{position:absolute;background-color:#fff;border-radius:5px;border:1px solid #e5e5e5;text-align:center;line-height:2em}.side:first-child{transform:rotateX(90deg) translateZ(1.86em)}.side:nth-child(2){transform:rotateY(-90deg) translateZ(1.86em)}.side:nth-child(3){transform:translateZ(1.86em)}.side:nth-child(4){transform:rotateY(90deg) translateZ(1.86em)}.side:nth-child(5){transform:rotateX(-90deg) translateZ(1.86em)}.side:nth-child(6){transform:rotateY(-180deg) translateZ(1.86em) rotate(180deg)}.right{transform:rotateX(90deg) rotate(90deg)}