css过滤器基础教程

CSS滤镜基础随着网页设计技术的发展，人们已经不满足于一些HTML标签，而是希望给页面增加一些多媒体属性，比如滤镜和渐变效果。随着CSS技术的快速发展，这些需求已经成为现实。从现在开始，我想介绍一个新的CSS扩展：CSS过滤器属性。使用这种技术，可以将视觉过滤器和转换效果添加到标准的HTML元素中，例如图片、文本容器和其他对象。对于滤镜和渐变效果，前者是基础，因为后者是滤镜效果和呈现交替的不断变化。当过滤器和渐变效果被组合到一个基本的SCRIPT小程序中时，网页设计者可以拥有一个强大的工具来构建动态的交互式文档。也就是CSS FILTER SCRIPT，这意味着如果你想构建一个动态文档，你需要一些SCRIPT(脚本语言)基础。普通图片img src='http:flower1.jpg '模糊效果处理后哪个更漂亮，你怎么看？很容易达到这种效果。只是一些小东西。img src=' http : flower 1 . jpg ' style=' filter 3360 blur(强度=50)'自己试试，看看有没有假货！不要使用任何像Photoshop这样的图像软件。简单的语法如下：filter: FilterName(参数)是Filter : filter 的名称(参数)。

视觉筛选器属性只能在HTML控件元素上使用。所谓HTML空间元素就是在页面上定义一个矩形空间，浏览器窗口可以显示这些空间。以下是HTML合法控件及其描述的列表。注意：很遗憾，只有IE4.0或更高版本支持。如果是另一个浏览器，那么.元素描述了BODY网页文档的主要元素，所有可见范围都是BODY元素的button表单字段中的button。DIV可以以“提交”和“重置”的形式在网页上定义一个区域。这个区域的高度、宽度或绝对位置都是已知的IMG像元。通过指定“src”属性，可以指定图片的来源。INPUT输入表单域MARQUEE移动字幕效果SPAN定义网页上的一个区域。这个区域的高度，或宽度的绝对位置被称为TABLE table TD表格数据单元格TEXTAREA文本区域TFOOT多行输入文本框th表格标题单元格THEAD表格标题TR表格行滤镜属性表支持以上IE4.0滤镜效果描述Alpha设置透明度Blru建立模糊效果Chroma设置指定颜色为透明DropShadow建立偏移。图像轮廓，即投射Shadow FlipH，水平反转FlipV，垂直反转Glow，增加对象外边界的Light效果，灰度降低图片的色彩度，将颜色、饱和度和亮度值完全反转，并建立负片效果，光将光投射到对象上，Mask为对象建立透明膜，Shadow建立对象的实体轮廓，即阴影效果，Wave用x轴和y轴方向的正弦波破坏图片，Xray只显示对象的轮廓。