|
|
|
@@ -3,9 +3,10 @@ |
|
|
|
椭圆会使内部失真 transform: rotateX(50deg); |
|
|
|
*/ |
|
|
|
.rotation3D{ |
|
|
|
position: relative; width: 800px; height: 600px; cursor: move; user-select: none; |
|
|
|
position: relative; width: 800px; height: 600px; user-select: none; |
|
|
|
margin: 0 auto; |
|
|
|
/* border: 1px solid white; border-radius: 100%; */ |
|
|
|
/* cursor: move; */ |
|
|
|
} |
|
|
|
.rotation3D .center{ |
|
|
|
display: none; |
|
|
|
@@ -21,9 +22,10 @@ |
|
|
|
|
|
|
|
/*---------------------------点样式---------------------------*/ |
|
|
|
.rotation3D__item{ |
|
|
|
position: absolute; display: block; cursor: pointer; width: 161px; height: 188px; |
|
|
|
position: absolute; display: block; width: 161px; height: 188px; |
|
|
|
text-align: center; line-height: 30px; font-size: 16px; color: white; |
|
|
|
/*background: #2292ef; border-radius: 4px;*/ |
|
|
|
/*cursor: pointer; */ |
|
|
|
} |
|
|
|
.rotation3D__item .scale{ position: absolute; top: 0; width: 100%; height: 100%; } |
|
|
|
.rotation3D__item .cont{ position: relative; z-index: 2; } |
|
|
|
|