<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>纯CSS3绘制的可爱雪人DEMO演示</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="snowman">
<div class="snowman__hat">
<div class="snowman__hat-item"></div>
</div>
<div class="snowman__head">
<div class="snowman__eye snowman__eye-left"></div>
<div class="snowman__eye snowman__eye-right"></div>
<div class="snowman__nose">
<div class="snowman__carrots"></div>
</div>
<div class="snowman__roth"></div>
</div>
<div class="snowman__body">
<div class="snowman__oval snowman__hands"></div>
</div>
<div class="snowman__body2">
<div class="snowman__sphere"></div>
<div class="snowman__oval snowman__feet"></div>
</div>
</div>
<div class="background"></div>
<div class="snow snow1"></div>
<div class="snow snow2"></div>
<div class="snow snow3"></div>
<div class="snow snow4"></div>
<div class="snow snow5"></div>
<div class="snow snow6"></div>
<div class="snow snow7"></div>
<div class="snow snow8"></div>
<div class="snow snow9"></div>
<div class="snow snow10"></div>
<div class="snow snow11"></div>
<div class="snow snow12"></div>
<div class="snow snow13"></div>
<div class="snow snow14"></div>
<div class="snow snow15"></div>
<div class="snow snow16"></div>
<div class="snow snow17"></div>
<div class="snow snow18"></div>
<div class="snow snow19"></div>
<div class="snow snow20"></div>
<div class="snow snow21"></div>
<div class="snow snow22"></div>
<div class="snow snow23"></div>
<div class="snow snow24"></div>
<div class="snow snow25"></div>
<div class="snow snow26"></div>
<div class="snow snow27"></div>
<div class="snow snow28"></div>
<div class="snow snow29"></div>
<div class="snow snow30"></div>
<div class="snow snow31"></div>
<div class="snow snow32"></div>
<div class="snow snow33"></div>
<div class="snow snow34"></div>
<div class="snow snow35"></div>
<div class="snow snow36"></div>
<div class="snow snow37"></div>
<div class="snow snow38"></div>
<div class="snow snow39"></div>
</body>
</html>
