您的位置：首页 > Web前端 > CSS

实例详解CSS滤镜(6)Glow属性

2008-05-01 00:22 375 查看

0 id=zoom>当对一个对象使用“Glow”属性后，这个对象的边缘就会产生类似发光的效果。它的表达式如下：
　　Filter：Glow（Color=color，Strength=strength）
　　Glow 属性的参数只有两个：Color是指定发光的颜色，Strength指定发光的强度，参数值从1到255。让我们先来看一下加上Glow 属性的效果图：

　　怎么样，是不是有一种燃烧的火焰的感觉。实现这种效果的代码如下：
　　<html>
　　　 <head>
　　　 <title>filter Glow</title>
　　　 <style>//*开始设置CSS样式*//
　　　 
　　　 </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>
　　您还可以随意修改颜色值，看看其他的发光效果是怎样的。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航