<!DOCTYPE HTML>
<html>
<head>
<title>漂亮的CSS3按钮悬停效果 - 网页模板</title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<div class="button-holder">
<div class="center-content">
<a href="#" class="type-1">
<span> Flip </span>
<span> Flip </span>
</a>
<a href="#" class="type-2">
<span> Doors </span>
<span> Doors </span>
<span> Doors </span>
<span> Doors </span>
</a>
<a href="#" class="type-3">
<span> Open </span>
<span> Open </span>
<span> Open </span>
</a>
<a href="#" class="type-4">
<span> Unfold </span>
<span> Unfold </span>
<span> Unfold </span>
<span> Unfold </span>
<span> Unfold </span>
<span> Unfold </span>
</a>
<a href="#" class="type-5">
<span> </span>
<span> </span>
<span> </span>
<span> </span>
<span> </span>
<span> </span>
<span> Waves </span>
<span> Waves </span>
</a>
<a href="#" class="type-6">
<span>
<span> </span>
<span> </span>
<span> </span>
<span> </span>
<span> </span>
<span> </span>
<span> </span>
</span>
<span> Crash </span>
</a>
<a href="#" class="type-7">
<span> </span>
<span> Expand </span>
</a>
<a href="#" class="type-8">
<span>
<span> </span>
<span> </span>
<span> </span>
<span> </span>
<span> </span>
<span> </span>
</span>
<span> Lines </span>
</a>
<a href="#" class="type-9">
<span>
<span> Rotate </span>
<span> </span>
</span>
</a>
</div>
</div>
<div class="button-holder white">
<div class="center-content">
<a href="#" class="type-10">
<span>
<span>
<span> Top </span>
<span> Top </span>
</span>
</span>
</a>
<a href="#" class="type-11">
<span>
<span>
<span> Side </span>
<span> Side </span>
</span>
</span>
</a>
<a href="#" class="type-12">
<span> Arrow </span>
<span> </span>
<span> </span>
<span> </span>
<span> </span>
</a>
<a href="#" class="type-13">
<span> Shadow </span>
</a>
<a href="#" class="type-14">
<span>
<span> Reel </span>
<span> Reel </span>
<span> Reel </span>
<span> Reel </span>
<span> Reel </span>
<span> Reel </span>
</span>
</a>
<a href="#" class="type-15">
<span> Fill </span>
<span> </span>
</a>
</div>
</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>