<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>乾坤八卦风水罗盘旋转CSS3动画</title>
<link href="statics/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="compass-main">
<div class="compassdiv">
<div class="compass-c"></div>
<div class="compass w h">
<div class="compass-1 w h"></div>
<div class="compass-2 w h"></div>
<div class="compass-3 w h"></div>
<div class="compass-4 w h"></div>
<div class="compass-5 w h"></div>
<div class="compass-6 w h"></div>
<div class="compass-7 w h"></div>
<div class="compass-8 w h"></div>
<div class="compass-9 w h"></div>
<div class="compass-10 w h"></div>
<div class="compass-11 w h"></div>
<div class="compass-12 w h"></div>
<div class="compass-13 w h"></div>
<div class="compass-14 w h"></div>
<div class="compass-15 w h"></div>
<div class="compass-16 w h"></div>
<div class="compass-17 w h"></div>
<div class="compass-18 w h"></div>
<div class="compass-19 w h"></div>
</div>
</div>
</div>
</body>
</html>