CSS ::滤镜–文本和图像效果
您可以使用CSS过滤器将特殊效果添加到文本,图像和网页的其他方面,而无需使用图像或其他图形。 筛选器仅在InternetExplorer4.0上起作用。如果您要为多个浏览器开发站点,那么使用CSS过滤器可能不是一个好主意,因为它可能不会带来任何好处。
在本章中,我们将看到每个CSS过滤器的详细信息。这些过滤器可能无法在您的浏览器中使用。
阿尔法频道
Alpha通道滤镜会更改对象的不透明度,从而使其融合到背景中。以下参数可以在此过滤器中使用-
Image Example:
Text Example:
CSS Tutorials
运动模糊
运动模糊用于创建具有方向和强度的模糊图片或文本。以下参数可以在此过滤器中使用-
例子
Image Example:
Text Example:
CSS Tutorials
色度过滤器
色度滤镜用于使任何特定颜色透明,通常与图像一起使用。您也可以将其与滚动条一起使用。以下参数可以在此过滤器中使用-
例子
Image Example:
Text Example:
CSS Tutorials
投影效果
阴影用于在指定的X(水平)和Y(垂直)偏移和颜色处为对象创建阴影。
以下参数可以在此过滤器中使用-
例子
Image Example:
Text Example:
CSS Tutorials
翻转效果
翻转效果用于创建对象的镜像。以下参数可以在此过滤器中使用-
例子
Image Example:
Text Example:
CSS Tutorials
发光效果
发光效果用于在对象周围创建发光。如果是透明图像,则会在其不透明像素周围创建光晕。以下参数可以在此过滤器中使用-
例子
Image Example:
Text Example:
CSS Tutorials
灰度效果
灰度效果用于将对象的颜色转换为256个灰度阴影。在此过滤器中使用以下参数-
例子
Image Example:
Text Example:
CSS Tutorials
反转效果
反转效果用于将对象的颜色映射到色谱中它们的相反值,即创建负像。在此过滤器中使用以下参数-
例子
Image Example:
Text Example:
CSS Tutorials
遮罩效果
遮罩效果用于将透明像素变为指定的颜色,并使不透明像素透明。在此过滤器中使用以下参数-
例子
Image Example:
Text Example:
CSS Tutorials
阴影滤镜
阴影滤镜用于在指定的方向和颜色上创建衰减的阴影。这是一个位于Dropshadow和Glow之间的过滤器。以下参数可以在此过滤器中使用-
例子
Image Example:
Text Example:
CSS Tutorials
波浪效应
波浪效应用于使对象产生正弦波失真,使其看起来呈波浪形。以下参数可以在此过滤器中使用-
例子
Image Example:
Text Example:
CSS Tutorials
X射线效应
X射线效果可灰阶并展平颜色深度。在此过滤器中使用以下参数:
例子
Image Example:
Text Example:
CSS Tutorials