css样式滤镜,css3 滤镜

Dreamweaver里的CSS样式表里的扩展选项里面的滤镜问题

5、滤镜：FlipH

语法：STYLE="filter:FlipH"

例子：filter:FlipH

6、滤镜：FlipV

语法：STYLE="filter:FlipV"

例子：filter:FlipV

7、滤镜：glow

语法：STYLE="filter:Glow(Color=color, Strength=strength)"

说明：

Color：发光颜色。

Strength：强度(0－100)

例子：filter:Glow(Color="#6699CC",Strength="5")

8、滤镜：gray

语法：STYLE="filter:Gray"

例子：filter:Gray

9、滤镜：invert

语法：STYLE="filter:Invert"

例子：filter:Invert

10、滤镜：mask

语法：STYLE="filter:Mask(Color=color)"

例子：filter:Mask (Color="#FFFFE0")

11、滤镜：shadow

语法：filter:Shadow(Color=color, Direction=direction)

说明：

Color：#rrggbb格式。

Direction：角度，0－315度，步长为45度。

例子：filter:Shadow (Color="#6699CC", Direction="135")

12、滤镜：wave

语法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)

说明：

Add：一般为1，或0。

Freq：变形值。

LightStrength：变形百分比。

Phase：角度变形百分比。

Strength：变形强度。

例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

13、滤镜：Xray

语法：STYLE="filter:Xray"

例子：filter:Xray

相关问答

Q1: CSS中如何合理使用滤镜效果?

Dreamweaver 8 CSS样式表滤镜实例

1、制作模糊文字效果

1、新建05.html的文件插入一个1行1列的表格，边框和边距全部设置为0。然后在表格中输入要修饰的文字。

2、打开CSS样式面板，创建一个CSS样式，在弹出的“新建样式对话框”做如下设置。

3、设置完成后，单击“确定”按钮弹出“CSS样式定义”对话框，在类型设置区域中设置：大小：60，字体：黑体，粗细：粗，颜色：＃FF9900。

4、要产生文字特效，最重要的是在扩展设置区域中进行特殊设置。

Blur滤镜产生像被风吹一样的模糊效果。打开滤镜选项的下拉菜单，对Blur滤镜进行设置：

Blur(Add=?, Direction=?, Strength=?)

Add参数是一个布尔值，一般来说，当滤镜用于图片时取0，用于文字时取1。

“Direction=?”模糊方向，以45度为单位改变，“0”为垂直向上，“45”向右上，“90”水平向右，“135”向右下，以依次改变。这里我们设置Direction=90。

Strength代表模糊移动值，单位为像素。我们设置Strength=180。

设置完成后，点击“确定”。

5、在文档编辑区选中文字所在单元格，在属性面板设置文字的样式为.test。

保存文件，按F12预览效果。

在只有HTML的时代，只能实现简单的网页效果。有了CSS样式，网页排版发生了翻天覆地的变化，在Dreamweaver8里，使用CSS样式是如此的简单，而制作出来的效果可以如此的炫目。

Q2: css滤镜属性有哪些？实现什么效果？请介绍举例

CSS滤镜:Mask属性 Mask属性为对象建立一个覆盖于表面的膜

CSS滤镜:blur属性 假如您用手在一幅还没干透的油画上迅速划过，画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果

CSS滤镜:Chroma属性 Chroma属性可以设置一个对象中指定的颜色为透明色

CSS滤镜:DropShadow属性 DropShadow属性是为了添加对象的阴影效果的

CSS滤镜:FlipH、FlipV属性 Flip是CSS滤镜的翻转属性，FlipH代表水平翻转，FlipV代表垂直翻转

CSS滤镜:Glow属性 当对一个对象使用“Glow”属性后，这个对象的边缘就会产生类似发光的效果

CSS滤镜:Invert属性 Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值

CSS滤镜:Shadow属性 Shadow属性可以在指定的方向建立物体的投影

CSS滤镜:Wave属性 Wave属性用来把对象按照垂直的波纹样式打乱。

CSS滤镜:Xray属性 这种属性产生的效果就是使对象看上去有一种X光片的感觉

CSS滤镜:alpha属性 alpha是来设置透明度的

CSS滤镜属性详解教程：

Q3: css的滤镜有哪些，他们都有哪些作用

滤镜效果 功能描述

Alpha 设置不同的透明度变化效果

Blur 建立模糊效果

DropShadow 建立一种偏移的影象轮廓，即投射阴影

FlipH 水平翻转

FlipV 垂直翻转

Glow 为对象的边界增加色彩光效

Gray 将图片以灰度形式显示

Invert 将色彩、饱和度以及亮度值完全反转,类似底片效果

Light 在一个对象上进行灯光投影

Mask 为一个对象建立彩色透明遮罩

Shadow 为对象建立轮廓的影效果

Wave 在X轴和Y轴方向利用正弦波打乱图片

Xray 只显示对象的轮廓