<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CSS3圆形修边渐变按钮特效 - 更多源码WW.96flw.COM</title>
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<h1>动画按钮</h1>
<p>悬停动画设计！</p>
<div class="frame">
<button class="custom-btn btn-1">查看更多</button>
<button class="custom-btn btn-2">查看更多</button>
<button class="custom-btn btn-3"><span>查看更多</span></button>
<button class="custom-btn btn-4"><span>查看更多</span></button>
<button class="custom-btn btn-5"><span>查看更多</span></button>
<button class="custom-btn btn-6"><span>查看更多</span></button>
<button class="custom-btn btn-7"><span>查看更多</span></button>
<button class="custom-btn btn-8"><span>查看更多</span></button>
<button class="custom-btn btn-9">查看更多</button>
<button class="custom-btn btn-10">查看更多</button>
<button class="custom-btn btn-11">查看更多<div class="dot"></div></button>
<button class="custom-btn btn-12"><span>Click!</span><span>查看更多</span></button>
<button class="custom-btn btn-13">查看更多</button>
<button class="custom-btn btn-14">查看更多</button>
<button class="custom-btn btn-15">查看更多</button>
<button class="custom-btn btn-16">查看更多</button>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：Chrome、FireFox、360、搜狗、Opera、傲游. 不支持Windows版Safari、IE8及以下浏览器。</p>
<p>更多源码：<a href="http://WW.96flw.COM/" target="_blank">尽在WW.96flw.COM</a></p>
</div>
</body>
</html>
