Skip to content

Commit

Permalink
3d stage on
Browse files Browse the repository at this point in the history
  • Loading branch information
Weslie0803 committed Oct 28, 2022
1 parent cba3633 commit 14f25b2
Show file tree
Hide file tree
Showing 2 changed files with 40 additions and 14 deletions.
41 changes: 27 additions & 14 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,28 +9,41 @@
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="scripts.72999ec6.css">
<link rel="stylesheet" href="animate.css">
<link rel="stylesheet" href="new3d.css">
</head>
<body>
<!--[if lt IE 10]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
your browser</a> to improve your experience.</p>
<![endif]-->
<div id="container" class="container">
<!-- <div id="stage">
<div id="shape" class="cube backfaces cubeShow_0">
<div id="card0" class="plane one">0</div>
<div id="card1" class="plane two">1</div>
<div id="card2" class="plane three">2</div>
<div id="card3" class="plane four">3</div>
<div id="card4" class="plane five">4</div>
<div id="card5" class="plane six">5</div>
<div id="card6" class="plane seven">6</div>
<div id="card7" class="plane eight">7</div>
<div id="card8" class="plane nine">8</div>
<div id="card9" class="plane ten">9</div>
<div id="stage" style="display: none;">
<div id="shape" class="ring backfaces cubeShow_0">
<div id="card0" class="plane one"> <img src="抽奖软件UI/数字/1.png"></div>
<div id="card1" class="plane two"> <img src="抽奖软件UI/数字/2.png"></div>
<div id="card2" class="plane three"><img src="抽奖软件UI/数字/3.png"></div>
<div id="card3" class="plane four"> <img src="抽奖软件UI/数字/4.png"></div>
<div id="card4" class="plane five"> <img src="抽奖软件UI/数字/5.png"></div>
<div id="card5" class="plane six"> <img src="抽奖软件UI/数字/6.png"></div>
<div id="card6" class="plane seven"><img src="抽奖软件UI/数字/7.png"></div>
<div id="card7" class="plane eight"><img src="抽奖软件UI/数字/8.png"></div>
<div id="card8" class="plane nine"> <img src="抽奖软件UI/数字/9.png"></div>
<div id="card9" class="plane ten"> <img src="抽奖软件UI/数字/0.png"></div>
</div>
</div> -->
<div class="row">
</div>
<div id="stage">
<div id="shape" class="ring8 backfaces cubeShow_0">
<div id="bond0" class="plane eine"> <img src="抽奖软件UI/键和方式/1-H2.png"> </div>
<div id="bond1" class="plane zwei"> <img src="抽奖软件UI/键和方式/2-水.png"> </div>
<div id="bond2" class="plane drei"> <img src="抽奖软件UI/键和方式/3-乙炔.png"> </div>
<div id="bond3" class="plane viel"> <img src="抽奖软件UI/键和方式/4-正四面体.png"> </div>
<div id="bond4" class="plane funf"> <img src="抽奖软件UI/键和方式/5-石墨.png"> </div>
<div id="bond5" class="plane sechs"><img src="抽奖软件UI/键和方式/6-丙炔.png"> </div>
<div id="bond6" class="plane seben"><img src="抽奖软件UI/键和方式/7-简单立方.png"> </div>
<div id="bond7" class="plane acht"> <img src="抽奖软件UI/键和方式/8-BCC.png"> </div>
</div>
</div>
<div class="row" style="display: none;">
<div class="col-xs-4">
<div id="num1" class="showNum">
<div class="CardRolling" >
Expand Down
13 changes: 13 additions & 0 deletions scripts.72999ec6.css
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,8 @@ body {

.plane {
position: absolute;
vertical-align: middle;
text-align: center;
border: 1px solid #fff;
border-radius: 12px;
box-sizing: border-box;
Expand All @@ -137,6 +139,17 @@ body {
backface-visibility: hidden
}

.plane img{
position: absolute;
margin: auto;
left: 0;
right:0;
top: 0;
bottom: 0;
max-width: 100px;
max-height: 100px;
}

#shape.backfaces .plane {
backface-visibility: visible
}
Expand Down

0 comments on commit 14f25b2

Please sign in to comment.