source code:
<html>
<head>
<meta charset='utf-8'>
<title>幸运转盘</title>
<style>
.main {
width:600px;
margin:0 auto;
background:rgb(233, 233, 233, 0.7);
}
.top {
padding:10px 10px;
}
.titleCell {
text-align:center;
}
.content {
background:rgb(233, 233, 233, 0.7);
border-top:5px solid white;
padding:5px 5px;
}
.box {
width:350px;
height:350px;
border-radius:175px;
background:rgb(66, 90, 73);
margin:0 auto;
display:flex;
flex-wrap:wrap;
}
.bottom{
}
.zd {
//animation: move 6s linear infinite;
}
@keyframes move {
0% {
transform:rotate(0deg);
}
100% {
transform:rotate(360deg);
}
}
</style>
</head>
<body>
<div class='main'>
<div class='top' >
<div class='titleCell'>
<h