CSS滤镜实现发光字体

最新推荐文章于 2025-06-05 08:52:06 发布

转载最新推荐文章于 2025-06-05 08:52:06 发布 · 475 阅读

文章标签：

用CSS滤镜实现文字的发光效果，每一几秒钟文字外围就会出现光晕，荧光一样的效果，其实这是使用CSS滤镜的filter: glow实现的，非常简单的方法，用它还可以定义出很多不同的光照效果。

点击(此处)折叠或打开

<html>
<head>
<title>石家庄花卉</title>
<meta http-equiv=\"content-Type\" content=\"text/html;charset=gb2312\">
</head>
<body bgcolor=\"#000000\">
<p id=\"me1\" style=\"position: absolute; left: 155; top: -1; width: 668; height: 405; filter: glow(color=#ffff00, strength=00)\" align=\"center\"><font size=\"7\" color=\"#FFFF00\"><strong><b>CSS滤镜发光字</b></strong></font></p>
<script language=\"vbscript\">
dim i
dim j
i=0
j=0
sub window_onload()
me1.filters.glow.strength=i
me1.filters.glow.color=j
i=i+1
j=j+500
if i>250 then i=0
if j>26777215 then j=0
window.settimeout \"window_onload()\",100
end sub
</script>
</body>
</html>