<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS3星际里面的动画特效下载 - 网页模板</title>
<link href="css/zzsc.css" rel="stylesheet" type="text/css">
</head>
<body>
<section>
<div class="at-at">
<div class="at-at-content">
<div class="at-at-body">
<div class="at-at-head">
<div class="at-at-neck">
<div class="neck-ribs">
<div class="neck-cable-first"></div>
<div class="neck-cable-second"></div>
<div class="neck-cable-last"></div>
<i></i><i></i><i></i><i></i>
</div>
<div class="neck-bg"></div>
</div>
<div class="head-bg">
<div class="head-snout">
<div class="in-head-snout"></div>
<div class="head-snout-gun"></div>
</div>
<i class="head-bg-first"></i>
<i class="head-bg-second"></i>
</div>
<div class="head">
<div class="head-chin">
<i class="head-chin-bg-first"></i>
<i class="head-chin-bg-second"></i>
<i class="head-gun"></i>
<i class="fire"><i></i><i></i><i></i></i>
</div>
</div>
<i class="head-left-bg"></i>
<i class="head-top-bg"></i>
</div>
<div class="at-at-body-left">
<i class="at-at-body-left-bg-1"></i>
<i class="at-at-body-left-bg-2"></i>
<i class="at-at-body-left-bg-3"></i>
<i class="at-at-body-left-bg-4"></i>
<i class="at-at-body-left-bg-5"></i>
<div class="at-at-body-left-bg"></div>
</div>
<div class="at-at-body-right">
<i class="at-at-body-right-bg-1"></i>
<i class="at-at-body-right-bg-2"></i>
<i class="at-at-body-right-bg-3"></i>
<i class="at-at-body-right-bg-4"></i>
<i class="at-at-body-right-bg-5"></i>
<div class="at-at-body-right-bg"></div>
</div>
<div class="at-at-body-bottom">
<div class="at-at-body-bottom-bg"><i></i><i></i><i></i></div>
<div class="body-bottom-left"></div>
</div>
<div class="at-at-body-bg">
<i></i><i></i><i></i><i></i>
<div class="i"></div>
</div>
<div class="at-at-body-bg-first-block">
<i class="at-at-body-bg-first-block-item-1"></i>
<i class="at-at-body-bg-first-block-item-2"></i>
<i class="at-at-body-bg-first-block-item-3"></i>
</div>
<div class="at-at-body-bg-second-block">
<i class="at-at-body-bg-second-block-item-1"></i>
<i class="at-at-body-bg-second-block-item-2"></i>
</div>
<div class="at-at-body-bg-third-block">
<i class="at-at-body-bg-third-block-item-1"></i>
<i class="at-at-body-bg-third-block-item-2"></i>
<i class="at-at-body-bg-third-block-item-3"></i>
</div>
</div>
<div class="dark-bg">
<i class="dark-bg-right"></i>
</div>
</div>
<div class="leg-content leg-front">
<div class="leg-first-joint"><i></i></div>
<div class="leg-first">
<i class="leg-first-hr-a"></i>
<i class="leg-first-hr-b"></i>
<div class="in-first-leg">
<div class="leg-second-joint"><i></i></div>
<div class="leg-second">
<i class="leg-second-hr"></i>
<div class="in-second-leg">
<div class="foot-joint"><i class="foot-ankle"><i class="foot-ankle-bg"></i></i></div>
<div class="foot-ankle-bottom"></div>
<div class="foot-ankle-space"></div>
<div class="foot">
<div class="foot-bottom"></div>
<div class="foot-land"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="leg-content leg-rear">
<div class="leg-first-joint"><i></i></div>
<div class="leg-first">
<i class="leg-first-hr-a"></i>
<i class="leg-first-hr-b"></i>
<div class="in-first-leg">
<div class="leg-second-joint"><i></i></div>
<div class="leg-second">
<i class="leg-second-hr"></i>
<div class="in-second-leg">
<div class="foot-joint"><i class="foot-ankle"><i class="foot-ankle-bg"></i></i></div>
<div class="foot-ankle-bottom"></div>
<div class="foot-ankle-space"></div>
<div class="foot">
<div class="foot-bottom"></div>
<div class="foot-land"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="leg-content leg-front-back">
<div class="leg-first-joint"><i></i></div>
<div class="leg-first">
<i class="leg-first-hr-a"></i>
<i class="leg-first-hr-b"></i>
<div class="in-first-leg">
<div class="leg-second-joint"><i></i></div>
<div class="leg-second">
<i class="leg-second-hr"></i>
<div class="in-second-leg">
<div class="foot-joint"><i class="foot-ankle"><i class="foot-ankle-bg"></i></i></div>
<div class="foot-ankle-bottom"></div>
<div class="foot-ankle-space"></div>
<div class="foot">
<div class="foot-bottom"></div>
<div class="foot-land"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="leg-content leg-rear-back">
<div class="leg-first-joint"><i></i></div>
<div class="leg-first">
<i class="leg-first-hr-a"></i>
<i class="leg-first-hr-b"></i>
<div class="in-first-leg">
<div class="leg-second-joint"><i></i></div>
<div class="leg-second">
<i class="leg-second-hr"></i>
<div class="in-second-leg">
<div class="foot-joint"><i class="foot-ankle"><i class="foot-ankle-bg"></i></i></div>
<div class="foot-ankle-bottom"></div>
<div class="foot-ankle-space"></div>
<div class="foot">
<div class="foot-bottom"></div>
<div class="foot-land"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg">
<i class="star star-1"></i>
<i class="star star-2"></i>
<i class="star star-3"></i>
<i class="star star-4"></i>
<i class="star star-5"></i>
<i class="star star-6"></i>
<i class="star-small star-small-1"></i>
<i class="star-small star-small-2"></i>
<i class="star-small star-small-3"></i>
<i class="star-small star-small-4"></i>
<i class="star-small star-small-5"></i>
<i class="star-small star-small-6"></i>
<i class="star-small star-small-7"></i>
<i class="star-small star-small-8"></i>
<i class="star-small star-small-9"></i>
<i class="star-small star-small-10"></i>
</div>
<i class="moon"></i>
<i class="mountain-first">
<i class="mountain-shadow"></i>
</i>
<i class="mountain-second">
<i class="mountain-shadow"></i>
<span class="mountain-top"></span>
</i>
<div class="first-bg">
<div class="first-bg-anim">
<i class="first"></i>
<i class="second"></i>
<i class="third"></i>
<i class="last"></i>
</div>
<div class="second-bg-anim">
<div class="first-rock-content">
<div class="rock-content rock-content-1">
<i class="rock rock-big rock-1"></i>
<i class="rock rock-big rock-2"></i>
<i class="rock rock-big rock-3"></i>
<i class="rock rock-middle rock-7"></i>
<i class="rock rock-middle rock-8"></i>
<i class="rock rock-middle rock-9"></i>
<i class="rock rock-middle rock-10"></i>
<i class="rock rock-middle rock-11"></i>
<i class="rock rock-middle rock-12"></i>
<i class="rock rock-middle rock-13"></i>
<i class="rock rock-middle rock-14"></i>
</div>
<div class="rock-content rock-content-2">
<i class="rock rock-big rock-1"></i>
<i class="rock rock-big rock-2"></i>
<i class="rock rock-big rock-3"></i>
<i class="rock rock-middle rock-7"></i>
<i class="rock rock-middle rock-8"></i>
<i class="rock rock-middle rock-9"></i>
<i class="rock rock-middle rock-10"></i>
<i class="rock rock-middle rock-11"></i>
<i class="rock rock-middle rock-12"></i>
<i class="rock rock-middle rock-13"></i>
<i class="rock rock-middle rock-14"></i>
</div>
<div class="rock-content rock-content-3">
<i class="rock rock-big rock-1"></i>
<i class="rock rock-big rock-2"></i>
<i class="rock rock-big rock-3"></i>
<i class="rock rock-middle rock-7"
