当前位置：首页 > 设计在线 > 网页设计 > CSS/Xhtml > CSS滤镜之Glow属性

CSS滤镜之Glow属性

点击次数：26 次 发布日期：2008-11-26 22:25:20 作者：源代码网
源代码网推荐 当对一个对象使用“Glow”属性后，这个对象的边缘就会产生类似发光的效果。它的表达式如下：

　　Filter：Glow（Color=color，Strength=strength）

　　Glow属性的参数只有两个：Color是指定发光的颜色，Strength指定发光的强度，参数值从1到255。 让我们先来看一下加上Glow属性的效果图：

　　怎么样，是不是有一种燃烧的火焰的感觉。实现这种效果的代码如下：

　　<html>
源代码网推荐　　　 <head>
源代码网推荐　　　 <title>filter glow</title>
源代码网推荐　　　 <style>//*开始设置CSS样式*//
源代码网推荐　　　 <!--
源代码网推荐　　　　.leaf{position：absolute； top：20； width：400；
源代码网推荐　　　　　　　filter：glow(color=#FF3399,strength=15)；}
源代码网推荐　　　 //*设置类leaf，绝对定位，Glow滤镜属性，发光颜色值为#FF3399，强度为
源代码网推荐　　　 15*//
源代码网推荐　　　　.weny{position：absolute； top：70； left：50； width：300；
源代码网推荐　　　　　　　filter：glow(color=#9966CC,strength=10)；}
源代码网推荐　　　 //*设置类weny，绝对定位，glow滤镜属性，发光颜色值为#9966CC，强度为
源代码网推荐　　　 15*//
源代码网推荐　　　　-->
源代码网推荐　　　 </style>
源代码网推荐　　　 </head>
源代码网推荐　　　 <body>
源代码网推荐　　　 <div class=“leaf”>//*leaf类样式*//
源代码网推荐　　　 <p style=“font-family：lucida handwriting；
源代码网推荐　　　　　　　　　font-size：54pt；font-weight：bold；color：#003366；”>
源代码网推荐　　　　Leaf Mylove</p>//*设置字体名称、大小、粗细、颜色*//
源代码网推荐　　　 </div>
源代码网推荐　　　 <div class=“weny”>//*weny类样式*//
源代码网推荐　　　 <p style=“font-family：bailey； font-size：48pt；
源代码网推荐　　　　　　　　　font-weight：bold；color：#99CC66；”>
源代码网推荐　　　 //设置字体名称、大小、粗细、颜色*//
源代码网推荐　　　 Weny Good!</p>
源代码网推荐　　　 </div>
源代码网推荐　　　 </body>
源代码网推荐　　</html>

　　您还可以随意修改颜色值，看看其他的发光效果是怎样的。


源代码网供稿.
网友评论 (0)
我也要写评论
会员中心
设计在线
本站推荐
设计在线之精华