当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > CSS滤镜:概述

HTML/XHTML教程
HTML表单标记教程(1):
XHTML入门学习教程:表单标签
XHTML入门学习教程:框架标签使用
XHTML:框架结构标签
HTML5 与 XHTML2
兼容性的 inline-block 属性
关于XHTML的H1标记的位置
HTML5 语义化结构化规范化
改进网站设计提供的有意的建议
HTML5的结构和语义(5):交互
HTML5的结构和语义(5):内嵌媒体
HTML5中语义化 b 和 i 标签
网页教案,针对初学者的教案
HTML5的结构和语义(4):语义性的内联元素
HTML5的结构和语义(2):结构
通过优化网页页面降低对内存及CPU的占用
XHTML 2.0新功能抢先预览
HTML5的结构和语义(1):前言
XHTML标签都有一个结束标记
面向XHTML的IE条件注释

HTML/XHTML教程 中的 CSS滤镜:概述


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 29 ::
收藏到网摘: n/a

好了,下面我们将进入CSS的最精彩的部分--滤镜,它将把我们带入绚丽多姿的多媒体世界。正是有了滤镜属性,页面才变得更加漂亮。
  CSS的滤镜属性的标识符是filter。为了使您对它有个整体的印象,我们先来看一下它的书写格式:

   filter:filtername(parameters)

  怎么样?是不是很简单,看上去与前面讲的属性定义没什么太大的差别。Filter是滤镜属性选择符。
  也就是说,只要您进行滤镜操作,就必须先定义filter;filtername是滤镜属性名,这里包括alpha、blur、chroma等等多种属性,详细内容请看下表:

  上面filter表达式中括号内的parameters是表示各个滤镜属性的参数,也正是这些参数决定了滤镜将以怎样的效果显示。
  看了上面长长的列表,是不是觉得很困难呀?不要紧,我们接下来一个一个的介绍这些属性在CSS中是怎样实现的(很简单哟^_^)。
  下一节我们将首先学习Alpha透明属性的应用。