第12章CSS滤镜 12.1滤镜简介 12.2 Alpha滤镜 12.3Blur滤镜 12.4 Dropshadow滤镜 12.5Glow滤镜
第12章 CSS滤镜 12.1 滤镜简介 12.2 Alpha滤镜 12.3 Blur 滤镜 12.4 Dropshadow滤镜 12.5 Glow滤镜
12.6Gray、 Invert和Xray滤镜 12.7FipH, Flipv滤镜 12.8Wave滤镜 12.9 Shadow滤镜 12.10Mask滤镜 12.11 Chroma滤镜 12.12转换滤镜
12.6 Gray、Invert和Xray滤镜 12.7 FlipH，FlipV滤镜 12.8 Wave滤镜 12.9 Shadow滤镜 12.10 Mask滤镜 12.11 Chroma滤镜 12.12 转换滤镜
12.1滤镜简介 ◇滤镜( Filter)可以用来改变图形的外观,以增加图形的 视觉效果。 滤镜分为视觉滤镜( Visual filters)和转换滤镜 ( Transition filters)两大类 令视觉滤镜只可以达到静态的特效效果。 令转换滤镜是用于两画面进行转换时所使用的特效,将产生 动态效果,除了在网页中利用0ss的定义语法外,还必须配 合 Script语言(如: VBScr ipt、 JavaScript)以及事件的 概念,才能自如地使用转换滤镜,产生炫丽的效果。 ◇由于滤镜功能是在lE4.0版才开始提供的功能,所以只能 在|E4.0以上的浏览器中使用,才能实现滤镜的效果
12.1 滤镜简介 ❖滤镜（Filter）可以用来改变图形的外观，以增加图形的 视觉效果。 ❖滤镜分为视觉滤镜（Visual Filters）和转换滤镜 （Transition Filters）两大类。 ❖视觉滤镜只可以达到静态的特效效果。 ❖转换滤镜是用于两画面进行转换时所使用的特效，将产生 动态效果，除了在网页中利用CSS的定义语法外，还必须配 合Script语言（如：VBScript、JavaScript）以及事件的 概念，才能自如地使用转换滤镜，产生炫丽的效果。 ❖由于滤镜功能是在IE4.0版才开始提供的功能，所以只能 在IE4.0以上的浏览器中使用，才能实现滤镜的效果
☆cSS的滤镜属性的标识符是 filter 今书写格式: filter: filtername (parameters) > Filter是滤镜属性选择符。 > filtername是滤镜属性名,包括 al pha b|ur、 chroma等 > par ameters是表示各个滤镜属性的参数, 也正是这些参数决定了滤镜将以怎样的效果 显示
❖CSS的滤镜属性的标识符是filter。 ❖书写格式： filter：filtername（parameters） ➢Filter是滤镜属性选择符。 ➢filtername是滤镜属性名，包括alpha、 blur、chroma等 ➢parameters是表示各个滤镜属性的参数， 也正是这些参数决定了滤镜将以怎样的效果 显示
2.2Apha滤镜 alpha滤镜可以产生颜色透明及渐变的效果。 alpha滤镜的基本语法如下: style="filter: al pha (opacity=opc ity finishopacity=finishopacity, sty le=style startxestartx startY=starty finishXefinishX finish= finish)” Alpha滤镜的参数说明如下
12.2 Alpha滤镜 Alpha滤镜可以产生颜色透明及渐变的效果。 Alpha滤镜的基本语法如下： style=“filter：alpha（opacity=opcity， finishopacity=finishopacity，style=style， startX=startX，startY=startY，finishX=finishX， finishY=finishY）” Alpha滤镜的参数说明如下