http://www.nazcarpine.com/tips-n-tricks/css-text-shadow-tricks
http://css-tricks.com/examples/BlurredText/
http://jonraasch.com/demo/extrude-on-hover
http://www.technologybell.com/css3-text-effects/#
http://gazpo.com/2011/02/text-shadow/
http://www.technologybell.com/css3-text-effects/#
<html>
<head>
<title>设置边缘发光效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type=text/css>
<!--
h2{font-family:黑体;font-size:15pt}
.glow1{position:absolute;top:80;
filter:glow(color=#ff0000,strenght=15);}
.glow2{position:absolute;top:150;left:30;
filter:glow(color=#0000ff,strength=10);}
.glow3{text-shadow: 1px 0 1px #8B4513, 0 1px 1px #8B4513,
0 -1px 1px #8B4513, -1px 0 1px #8B4513;}
.glow3{
filter: glow(color:blue, strength=2); color:white; font-weight:900; text-shadow: 1px 1px 5px blue;}
.glow3 {
color: rgba(255, 100, 140,0.5);
text-shadow: 3px 3px 0 rgba(80,255,0,0.8);
}
-->
</style>
</head>
<body>
<center>
<h2>设置边缘发光效果</h2>
</center>
<hr>
<div class="glow1">
<p style="font-family:'华文行楷';font-size:45pt; font-weight:bold;color:#003366;">
Welcome to liutime.com!
</p>
</div>
<div class="glow2">
<p style="font-family:'方正姚体'; font-size:30pt; font-weight:bold;color:#00ff66;">
欢迎来到，遛时间！
</p>
</div>
<div class="glow3">
<p style="font-family:'方正姚体'; font-size:30pt; font-weight:bold;color:#00ff66;">
firefox, opera, safari
</p>
</div>
</body>
</html>
<script language="javascript" type="text/javascript">
function showit()
{
self.setInterval("changeit()", 800);
}
function changeit()
{
var bg = '#';
var color = new Array("A","B","C","D","E","F");
var node = document.getElementById("con");//#33FF33
for (var j=1; j<7; j++)
{
var i = Math.round(Math.random()*10);
if (i>=5)
{ bg = bg+color[i-5]; }
else
{ bg = bg + i; }
}
node.style.color = bg;
}
</script>
</HEAD>
<BODY οnlοad="showit();">
<div id="con" style="background:#330000;color:#FF3300;width:80px;height:30px;font-size:16pt;">lasdflasdfhalsdfaldfladhladhlasd</div>
</BODY>
</HTML>