<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSS3全屏焦点图显示背景效果</title>
<link rel="stylesheet" type="text/css" href="css/lanrenzhijia.css" media="all" />
</head>
<body>
<div class="slider">
<ul class="clearfix">
<li><a href="#bg1">Hipster Fashion Haircut </a></li>
<li><a href="#bg2">Cloud Computing Services & Consulting</a></li>
<li><a href="#bg3">My haire is sooo fantastic!</a></li>
<li><a href="#bg4">Eat healthy & excersice!</a></li>
<li><a href="#bg5">Lips so kissable I could die ...</a></li>
</ul>
</div>
<img src="images/bg1.jpg" alt="美图" class="bg slideLeft" id="bg1" />
<img src="images/bg2.jpg" alt="美图" class="bg slideBottom" id="bg2" />
<img src="images/bg3.jpg" alt="美图" class="bg zoomIn" id="bg3" />
<img src="images/bg4.jpg" alt="美图" class="bg zoomOut" id="bg4" />
<img src="images/bg5.jpg" alt="美图" class="bg rotate" id="bg5" />
</body>
</html>
CSS3全屏焦点图显示背景效果.zip （12个子文件） 
css 
lanrenzhijia.css 8KB
index.html 1KB images 
bg5.jpg 610KB sbg2.jpg 26KB bg1.jpg 362KB sbg5.jpg 10KB bg4.jpg 360KB sbg3.jpg 12KB sbg4.jpg 12KB bg3.jpg 882KB bg2.jpg 1.72MB sbg1.jpg 11KB资源评论
码云笔记
- 粉丝: 3w+
- 资源: 5850
