术语汇编基本CSS滤镜概述_程序开发

术语汇编基本CSS滤镜概述

创始人

2024-07-13 16:30:41

0次

你对CSS滤镜的概念和用法是否熟悉，这里向大家描述一下CSS滤镜的应用，CSS滤镜并不是浏览器的插件，也不符合CSS标准，而是微软公司为增强浏览器功能而特意开发的并整合在IE浏览器中的一类功能的集合。

CSS滤镜的应用

CSS滤镜并不是浏览器的插件，也不符合CSS标准，而是微软公司为增强浏览器功能而特意开发的并整合在IE浏览器中的一类功能的集合。由于浏览器IE有着很广的使用范围，因此CSS滤镜也被广大设计者所喜爱。本课主要介绍CSS各个滤镜的使用方法，包括定义滤镜、加载滤镜、实例解析等等。

CSS滤镜的标识符是“filter”，总体上跟其它CSS语句一样，都十分简单，进行滤镜操作必须先定义filter，filtername是滤镜属性名，包括alpha、blur、chroma等多种属性，parameters是表示各个滤镜属性的参数，也正是这些参数决定了滤镜将以怎样的效果显示。

CSS滤镜分基本滤镜和高级滤镜两种，基本滤镜通常指可以直接作用在对象上，便能立即生效的滤镜，主要有以下几种：

1.Alpha通道
2.模糊效果（Blur）
2.移动模糊（MotionBlur）
3.透明色（Chroma）
4.下落阴影（DropShadow）
5.对称变换（Flip）
6.光晕（Glow）
7.灰度（Grayscale）
8.反色（Invert）
9.遮罩（Mask）
10.阴影（Shadow）
11.X光效果（X－ray）
12.浮雕（Emboss、Engrave）
13.波浪（Wave）

高级CSS滤镜指需要配合javascript等脚本语言，能产生更多变幻效果的滤镜，主要包括BlendTrans（渐隐变换）、RevealTrans（变换）、Light（灯光）等。本文主要介绍CSS基本滤镜，高级滤镜将在“CSS与Javascript的综合应用”一课中继续介绍。

【编辑推荐】

深入学习CSS滤镜概念和语法
CSS滤镜应用技巧
14大CSS工具提高网页设计效率
Chroma属性实现CSS滤镜透明效果
鼠标经过时改变DIV背景颜色的三种途径

上一篇：实例：通过交换机查杀ARP病毒产生故障

下一篇：无线网络IP地址冲突解决实例

术语汇编基本CSS滤镜概述

相关内容

热门资讯

术语汇编 基本CSS滤镜概述

相关内容

热门资讯

术语汇编基本CSS滤镜概述