您的位置:寻梦网首页编程乐园CSS 初步样式表全接触
样式表全接触(1)
周勇生 (09/05/2000)

3、DropShadow 滤镜 

作用:该滤镜主要是用来产生重叠效果的,其效果是由小括号中的各属性名及其对应的属性值来产生的。

参数:COLOR属性是用来设置投影文字的颜色。

offX属性是代表投影文字与原文字之间水平方向上的偏移量。

offY属性是代表投影文字与原文字之间垂直方向上的偏移量。

positive属性是一个布尔值(0或者1),如果为"TRUE(非0)",那么就为任何的非透明像素建立可见的投影;如果为"FASLE(0)",那么就为透明的像素部分建立透明效果。

实例:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<title>样式表滤镜实例</title>

<style>

<!--

p { color: #FF0000; font-size: 36pt; text-decoration: blink; font-weight: bold }

p {filter:dropshadow(color=#ff0080,offX=2,offY=2,positive=0);color:#00ff11}

-->

</style>

</head>

<body>

<p>样式表滤镜实例</p>

</body>

</html>

4、Glow 滤镜

语法:{filter:glow(color=属性值1,strength=属性值2);}

作用:该滤镜能够在原对象周围产生一种类似发光的效果,其具体效果是由小括号中的各属性名及其对应的属性值来产生的。

 参数:COLOR属性是指定发光的颜色。

STRENGTH则是发光强度的表现,也指光晕的厚度;其大小可以从1到255之间的任何整数来指定这个强度。

实例:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<title>样式表滤镜实例</title>

<style>

<!--

p { color: #FF0000; font-size: 36pt; text-decoration: blink; font-weight: bold }

p {filter:glow(color=#880088,strength=3);}

-->

</style>

</head>

<body>

<p>样式表滤镜实例</p>

</body>

</html>