怎样制作css滤镜效果？

html-css020

怎样制作css滤镜效果？,第1张

用CSS的滤镜效果来制作的渐变色效果。【所谓渐变色，就是指定一个开始颜色，指定一个结束颜色，整个背景便从左到右由开始颜色向结束颜色逐渐变化，整个背景的颜色是动态连续的，越接近右边其颜色就越接近结束颜色，越远离开始颜色，是一种常用的网页用css的透明滤镜,alpha 然后 给图片加上 onmouseover 和 onmouseout 属性, onmouseover事件的响应函数里面把img的class更改onmouseout事件的响应函数里面把img的class改为透明滤镜就可以了.

http://zhidao.baidu.com/question/1039537.html

FILTER:

FlipV语法：FILTER:

FlipV

说明：垂直翻转对象内容。使用代码：style="FILTER:

FlipV" FILTER：FlipH

说明：水平翻转对象内容。使用代码：style="FILTER:

FlipH" 2/具体使用方法2.1在<head>与</head>之间插入<style

type

=

text/css>

.imgph{filter:FlipH}

</style>在<body>与</body>之间应用<div><IMG

class="imgph"

src="图片地址"></div>2.2,直接在<body>与</body>之间应用<div><IMG

style="FILTER:

FlipV"

src="图片地址"></div>

标签 Filter

Alpha通道属性： Filter ：ahpha（opacity=80） 80变量取值范围[1----100]

Blur模糊 4是一个变量

属性：Filter ：progid：dximagetransform.microsoft.biur(pixelradius=4,makeshadow=falsh)

Chroma透明色属性:filter:chroma(color=ff6800)ff6800是指去掉ff6800这个颜色

Flip翻转属性：fliter:flipv fliph flipv水平方向 fliph 垂直方向

Mask遮罩属性：filter：mask（color=#8888ff） #8888ff是指使用#8888ff遮罩原始图片

Wave波浪 属性：filter:wave(add=1,freq=4,lightstrength=60,phase=0, strength=6) 这是我在学习CSS的时候自己记的笔记