<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>纯CSS3实现会跳舞的动画树DEMO演示</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="tree">
<div class="trunk">
<div class="branch branch_1">
<div class="branch branch_1_1">
<div class="branch branch_1_1_1">
<div class="branch branch_1_1_1_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_1_1_1_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
<div class="branch branch_1_1_2">
<div class="branch branch_1_1_2_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_1_1_2_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
<div class="branch branch_1_1_3">
<div class="branch branch_1_1_3_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_1_1_3_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
</div>
<div class="branch branch_1_2">
<div class="branch branch_1_2_1">
<div class="branch branch_1_2_1_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_1_2_1_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
<div class="branch branch_1_2_2">
<div class="branch branch_1_2_2_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_1_2_2_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
<div class="branch branch_1_2_3">
<div class="branch branch_1_2_3_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_1_2_3_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
</div>
</div>
<div class="branch branch_2">
<div class="branch branch_2_1">
<div class="branch branch_2_1_1">
<div class="branch branch_2_1_1_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_2_1_1_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
<div class="branch branch_2_1_2">
<div class="branch branch_2_1_2_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_2_1_2_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
<div class="branch branch_2_1_3">
<div class="branch branch_2_1_3_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_2_1_3_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
</div>
<div class="branch branch_2_2">
<div class="branch branch_2_2_1">
<div class="branch branch_2_2_1_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_2_2_1_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
<div class="branch branch_2_2_2">
<div class="branch branch_2_2_2_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_2_2_2_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
<div class="branch branch_2_2_3">
<div class="branch branch_2_2_3_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_2_2_3_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
</div>
</div>
<div class="branch branch_3">
<div class="branch branch_3_1">
<div class="branch branch_3_1_1">
<div class="branch branch_3_1_1_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_3_1_1_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
<div class="branch branch_3_1_2">
<div class="branch branch_3_1_2_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_3_1_2_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
<div class="branch branch_3_1_3">
<div class="branch branch_3_1_3_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_3_1_3_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
</div>
<div class="branch branch_3_2">
<div class="branch branch_3_2_1">
<div class="branch branch_3_2_1_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_3_2_1_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
<div class="branch branch_3_2_2">
<div class="branch branch_3_2_2_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_3_2_2_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
<div class="branch branch_3_2_3">
<div class="branch branch_3_2_3_1">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
<div class="branch branch_3_2_3_2">
<div class="leaf"></div>
<div class="leaf"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
