<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>纯CSS3沙滩伞旋转动画特效 - 【更多源码:www.96flw.com】</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="background">
<div class="umbrellaWrapper">
<div class="pole"></div>
<div class="umbrella">
<div class="triangle triangle-1"></div>
<div class="triangle triangle-2"></div>
<div class="triangle triangle-3"></div>
<div class="triangle triangle-4"></div>
<div class="triangle triangle-5"></div>
<div class="triangle triangle-6"></div>
<div class="triangle triangle-7"></div>
<div class="triangle triangle-8"></div>
<div class="triangle triangle-9"></div>
<div class="triangle triangle-10"></div>
<div class="triangle triangle-11"></div>
<div class="triangle triangle-12"></div>
</div>
<div class="shadowPole"></div>
<div class="shadowUmbrella">
<div class="triangle triangle-1"></div>
<div class="triangle triangle-2"></div>
<div class="triangle triangle-3"></div>
<div class="triangle triangle-4"></div>
<div class="triangle triangle-5"></div>
<div class="triangle triangle-6"></div>
<div class="triangle triangle-7"></div>
<div class="triangle triangle-8"></div>
<div class="triangle triangle-9"></div>
<div class="triangle triangle-10"></div>
<div class="triangle triangle-11"></div>
<div class="triangle triangle-12"></div>
</div>
</div>
</div>
</body>
</html>