<!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>
<!--For Firefox-->
<style>
.test:after{filter:url(#light-top)}
.dilate:before{filter:url(#dilate10)}
.dilate:after{filter:url(#dilate6)}
.erode:after{filter:url(#erode2)}
.distant1:after{filter:url(#distant1)}
.distant-top:after{filter:url(#distant-top)}
.distant-front:after{filter:url(#distant-front)}
.diff1{filter:url(#diff1)}
.bevel,.bevel:after{filter:url(#light2)}
</style>
<h1 class='outlinedA'>OutlinedA</h1>
<h1 class='outlinedA mid'>OutlinedA</h1>
<h1 class='outlinedB'>OutlinedB</h1>
<h1 class='hsl'>Hsl Colors</h1>
<h1 class='test'>Test</h1>
<h1 class='bottom'>Bottom Light</h1>
<h1 class='dilate'>Dilate</h1>
<h1 class='erode'>Erode</h1>
<h1 class='distant1'>Distant Light</h1>
<h1 class='distant-top'>Distant Top</h1>
<h1 class='distant-front'>Distant Front</h1>
<h1 class='diff1'>Diffused Light</h1>
<h1 class='bevel'>Bevel</h1>
<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>
