术语汇编 基本CSS滤镜概述

开发 前端
由于浏览器IE有着很广的使用范围,因此CSS滤镜也被广大设计者所喜爱。本课主要介绍CSS各个滤镜的使用方法,包括定义滤镜、加载滤镜、实例解析等等。

你对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的综合应用”一课中继续介绍。

【编辑推荐】

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

 

责任编辑:佚名 来源: aa25.cn
相关推荐

2010-08-05 14:51:36

AdobeFlex

2010-07-13 10:21:19

2010-07-19 16:56:56

Perl线程

2010-07-30 10:23:46

Flex数据绑定

2010-09-16 14:29:08

Java虚拟机

2010-09-15 15:27:06

CSS hack

2010-06-07 13:02:46

Hadoop简介

2010-09-17 09:19:08

Java API

2010-07-13 09:02:16

Perl

2010-06-11 18:27:39

UML对象图

2010-06-11 09:33:47

UML顺序图

2010-07-08 09:50:11

UML构件图

2010-06-29 15:06:14

UML建模

2010-09-26 17:04:48

JVMJava虚拟机

2010-06-10 18:27:00

UML语言

2010-07-26 16:54:15

Perl引用

2010-07-27 08:59:19

FlexBuilder

2010-08-10 10:32:02

Flex语言

2010-06-18 18:07:19

UML用例图

2010-07-05 17:28:57

UML动态模型图
点赞
收藏

51CTO技术栈公众号