<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>纯CSS3实现美国金门大桥 - 网页模板</title>
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
</head>
<body>
<div class="sky"></div>
<div class="background"></div>
<div class="bay"></div>
<div class="middleground">
<div id="golden-gate">
<div class="deck"></div>
<div class="left anchor"></div>
<div class="cables left front"></div>
<div class="cables left back"></div>
<div class="tower tower1">
<div class="section1">
<div class="divider"></div>
</div>
<div class="section2">
<div class="divider"></div>
</div>
<div class="section2">
<div class="divider"></div>
</div>
<div class="section2"></div>
<div class="section3">
<div class="crosses"></div>
</div>
<div class="section3">
<div class="crosses"></div>
</div>
</div>
<div class="cables middle front"></div>
<div class="cables middle back"></div>
<div class="tower tower2">
<div class="section1">
<div class="divider"></div>
</div>
<div class="section2">
<div class="divider"></div>
</div>
<div class="section2">
<div class="divider"></div>
</div>
<div class="section2"></div>
<div class="section3">
<div class="crosses"></div>
</div>
<div class="section3">
<div class="crosses"></div>
</div>
</div>
<div class="tower"></div>
<div class="cables right front"></div>
<div class="cables right back"></div>
</div>
<div class="hills"></div>
</div>
<div class="foreground"></div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>