<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>转盘动画</title>
<link href="./转盘动画.css" type="text/css" rel="stylesheet">
</head>
<body>
<!-- 首先通过分析观察可以知道这是一个双层次结构,
所以需要的是div嵌套结构 -->
<div class="outher">
<div class="wapper">
<div class="left">
<!-- 一边3个选项 -->
<div class="one"> <span class="text"></span></div>
<div class="two"> <span class="text"></span></div>
<div class="three"> <span class="text"></span></div>
</div>
<div class="right">
<div class="one"> <span class="text"></span></div>
<div class="two"> <span class="text"></span></div>
<div class="three"> <span class="text"></span></div>
</div>
</div>
<!-- 图形中间的文字 -->
<div class="circle">
抽奖
</div>
</div>
<script src="转盘动画.js"></script>
</body>
</html>
转盘动画.zip
需积分: 0 82 浏览量
2023-11-13
13:48:56
上传
评论
收藏 4KB ZIP 举报
W_Entity_
- 粉丝: 0
- 资源: 1