cube大小导致定位问题 #1
Description
建议修改.cube及.cube-face-right
.cube {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 500px;
height: 300px;
margin: auto;
transition: .8s;
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 250px 150px -250px;
-webkit-backface-visibility: visible;
-moz-transform-style: preserve-3d;
-moz-transform-origin: 250px 150px -250px;
-moz-backface-visibility: visible;
}
.cube-face-right {
position: absolute;
top: 0;
width: 500px;
height: 300px;
right: -500px;
-webkit-transform: rotateY(90deg);
-webkit-transform-origin: 0 0;
-moz-transform: rotateY(90deg);
-moz-transform-origin: 0 0;
}