如何写立方体？------------//3D效果perspective:2000px;//Sightdistance.box{width:5rem;高度：5rem；变换样式：保留3d；transform:rotateX(-30deg)rotateY(45deg);//初始位置旋转一定角度，这样看到三维效果li{&:nth-child(1){//正面对着你，变换：translateZ(2.5rem)；}&:nth-child(2){//后向变换：translateZ(-2.5rem)rotateY(180deg);}&:nth-child(3){//左变换：translateX(-2.5rem)rotateY(-90deg);}&:nth-child(4){//右变换：translateX(2.5rem)旋转Y(90deg);}&:nth-child(5){//上面变换：translateY(-2.5rem)rotateX(90deg);}&:nth-child(6){//下方变换：translateY(2.5rem)rotateX(-90deg);}}}图形旋转原理
