<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>纯css3可爱仙人掌动画效果 www.bootstrapmb.com</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<!-- main background -->
<div class="back">
<div class="out">
<!-- left hand of cactus -->
<div class="Leftcactus">
<div class="pricks7"></div>
<div class="pricks8"></div>
<div class="pricks9"></div>
<div class="lline"></div>
</div>
<!-- Right hand of cactus -->
<div class="Rightcactus">
<div class="rline"></div>
<div class="pricks10"></div>
<div class="pricks11"></div>
<div class="pricks12"></div>
</div>
<!-- main cactus body -->
<div class="cactus">
<div class="line"></div>
<div class="line2"></div>
<div class="line3"></div>
<div class="eyes"></div>
<div class="mouth"></div>
<div class="chin"></div>
<!-- This is for pricks-->
<div class="pricks"></div>
<div class="pick">
<div class="pricks1"></div>
<div class="pricks2"></div>
<div class="pricks3"></div>
<div class="pricks4"></div>
<div class="pricks5"></div>
</div>
<!-- this is to hide border of big cactus to give good looks-->
<div class="pricks6"></div>
</div>
<!-- Pot for cactus -->
<!-- this port is for knowing shap of pot-->
<div class="pot">
<div class="downlinw"></div>
<div class="Rightline"></div>
<div class="leftline"></div>
<div class="upperline1"></div>
<div class="upperline2"></div>
<div class="upperside1"></div>
<div class="upperside2"></div>
</div>
</div>
</div>
<!-- partial -->
</body>
</html>
