CSS3北极熊坐在冰面上特效代码下载


CSS3北极熊坐在冰面上特效代码下载
CSS3北极熊坐在冰面上特效代码下载以及北极熊、坐在冰面上等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. HTML代码

<div class= "background">
	<div class="content">
		<div class="bear">
		   <div class="head">
			 <div class="neck"></div>
			 <div class="ears"> 
				 <ul>
					 <li></li>
					 <li></li>
				 </ul>
			  </div>
			  <div class="eyes">
				  <ul>
					  <li></li>
					  <li></li>
				  </ul>
			  </div>
			  <div class="nose"></div>
			  <div class="mouth"></div>
			  <div class="cheeks">
				  <ul>
					  <li></li>
					  <li></li>
				  </ul>
			  </div>
			  <div class="fur">
				 <ul>
					 <li></li>
					 <li></li>
				 </ul>
			 </div>
		   </div>  
		   <div class="body">
			   <div class="arms">
				   <ul>
					   <li></li>
					   <li></li>
				   </ul>
			   </div>
			   <div class="left-nails">
				 <ul>
					 <li></li>
					 <li></li>
					 <li></li>
				 </ul>
			  </div>
			  <div class="right-nails">
				 <ul>
					 <li></li>
					 <li></li>
					 <li></li>
				 </ul>
			 </div>
			 <div class="belly"></div>
			   <div class="feet">
				   <ul>
					   <li></li>
					   <li></li>
				   </ul>
			   </div>
			   <div class="left-toes">
				   <ul>
					   <li></li>
					   <li></li>
					   <li></li>
					   <li></li>
				   </ul>
			   </div>
			   <div class="right-toes">
				 <ul>
					 <li></li>
					 <li></li>
					 <li></li>
					 <li></li>
				 </ul>
			 </div>
			   <div class="fur">
			 </div>
		   </div>
		</div>
		<div class="ice">
		   <li></li>
		   <li></li>
		   <li></li>
		   <li></li>
		   <li></li>
		   <li></li>
		   <li></li>
		   <li></li>
		   <li></li>
		   <li></li>
		   <li></li>
		   <li></li>
		</div>
		<div class="circle">
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="bear second-bear">
		 <div class="head">
		   <div class="neck"></div>
		   <div class="ears"> 
			   <ul>
				   <li></li>
				   <li></li>
			   </ul>
			</div>
			<div class="eyes">
				<ul>
					<li></li>
					<li></li>
				</ul>
			</div>
			<div class="nose"></div>
			<div class="mouth"></div>
			<div class="cheeks">
				<ul>
					<li></li>
					<li></li>
				</ul>
			</div>
		 </div>  
		 <div class="body">
			 <div class="arms">
				 <ul>
					 <li></li>
					 <li></li>
				 </ul>
			 </div>
			 <div class="left-nails">
			   <ul>
				   <li></li>
				   <li></li>
				   <li></li>
			   </ul>
			</div>
			<div class="right-nails">
			   <ul>
				   <li></li>
				   <li></li>
				   <li></li>
			   </ul>
		   </div>
		   <div class="belly"></div>
			 <div class="feet">
				 <ul>
					 <li></li>
					 <li></li>
				 </ul>
			 </div>
			 <div class="left-toes">
				 <ul>
					 <li></li>
					 <li></li>
					 <li></li>
					 <li></li>
				 </ul>
			 </div>
			 <div class="right-toes">
			   <ul>
				   <li></li>
				   <li></li>
				   <li></li>
				   <li></li>
			   </ul>
		   </div>
			 <div class="fur">
			   <ul>
				   <li></li>
			   </ul>
		   </div>
		 </div>
		</div>
	</div>
	<div class="plastic">
		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章